<!--封闭差动（同齿圈输出）宏观参数设计及优化-->
<template>
  <div class="sum" style="width: 100%; height: 100%;position:relative; overflow-x:hidden; overflow-y:auto">
    <button class="a" :class="{ select_active: this.AisSelectActive }" @click="select" style="margin-left: 0.95%">基本参数</button>
    <button class="b" :class="{ select_active: this.BisSelectActive }" @click="select">设计模块</button>
    <div class="parameter">
      <a-row style="width: 100%; height: 100%">
        <a-col span="6" style="height: 100%">
          <div style="height: 75%;width: 100%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);">
            <div style="width: 100%; height: 3%; background: #D7D7D7">载荷及相关数据输入</div>
            <div style="width: 100%; height: 97%">
              <div style="width: 100%;height: 30%;position: relative">
                <div style="position: absolute;width: 50%;height: 100%">
                  <ul class="left_top_text">
                    <li>太阳轮输入转速(rpm)</li>
                    <li >太阳轮静强度输入扭矩</li>
                    <li >运行工况</li>
                    <li >允许点蚀</li>
                    <li >转折点循环次数设计</li>
                    <li >无限点循环次数设计</li>
                    <li >设计载荷输入形式</li>
                  </ul>
                </div>
                <div style="position: absolute;width: 50%;height: 100%;right: 0">
                  <ul class="left_top_input">
                    <li><input v-model="form.n_input"/></li>
                    <li><input v-model="form.torque_static_input"/></li>
                    <li>
                      <select v-model="form.whether_single_rotation">
                        <option value="1">单向运转</option>
                        <option value="2">双向运转</option>
                      </select>
                    </li>
                    <li>
                      <select v-model="form.switch_pitting">
                        <option value="1">是</option>
                        <option value="2">否</option>
                      </select>
                    </li>
                    <li>
                      <select v-model="form.consider_Nc">
                        <option value="1">是</option>
                        <option value="2">否</option>
                      </select>
                    </li>
                    <li>
                      <select v-model="form.consider_Long">
                        <option value="1">是</option>
                        <option value="2">否</option>
                      </select>
                    </li>
                    <li>
                      <select v-model="form.whether_rate_load">
                        <option value="1">额定工况</option>
                        <option value="2">载荷谱</option>
                      </select>
                    </li>
                  </ul>
                </div>
              </div>
              <div style="width: 100%;height: 36%;position: relative">
                <div style="width: 100%;height: 100%;position: absolute">
                  <div style="width: 100%;height: 100%;position: relative">
                    <div style="position: absolute;width: 50%;height: 100%;left:0">
                      <ul class="left_middle_text">
                        <li>太阳轮输入形式(Nmm)</li>
                        <div style="width:100%;height:40%;position: relative;text-align: right;margin-top: 10%">
                          <li v-show="form.whether_torque==1" style="position: absolute;width: 100%;margin-top:-11%">太阳轮输入扭矩(Nmm)</li>
                          <li v-show="form.whether_torque==2" style="position: absolute;width: 100%;margin-top:-11%">太阳轮输入功率(kW)</li>
                        </div>
                        <li style="margin-top: -11%">设计寿命(hr)</li>
                      </ul>
                    </div>
                    <div style="position: absolute;width: 50%;height: 100%;right: 0">
                      <ul class="left_middle_input">
                        <li>
                          <select v-model="form.whether_torque">
                            <option value="1">输入扭矩</option>
                            <option value="2">输入功率</option>
                          </select>
                        </li>
                        <li><input v-model="form.spectrum_torque_carrier_1"/></li>
                        <li><input v-model="form.spectrum_time_carrier_1"/></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div v-show="form.whether_rate_load==2&&AisSelectActive==true" style="width: 100%;height: 100%;position: absolute;background: white">
                  <div style="width: 100%; height: 15%">
                    <a-upload :showUploadList="false" :maxCount="1" :customRequest="customRequest" name="file">
                      <button style="height: 10%;width: 100%;margin-left: 50%">太阳轮输入载荷谱</button>
                    </a-upload>
                    <p>注：载荷谱文件格式为.xls或.xlsx格式，其各列参数为下表所示(无需表头)</p>
                  </div>
                  <div style="width: 100%; height: 70%; margin-top: 2%;overflow-y: scroll">
                    <div style="height: 100%;width: 100%;overflow: hidden">
                      <table class="table" style="border: 1px solid grey">
                        <thead style="width: 100%; height: 20%;background: #D7D7D7">
                        <tr class="table_title">
                          <th>序号</th>
                          <th>扭矩(Nmm)</th>
                          <th>循环次数</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr style="text-align: center" v-for="load_data in load_datas" :key="load_data.id">
                          <td>{{load_data.id}}</td>
                          <td>{{load_data.torque}}</td>
                          <td>{{load_data.cycles}}</td>
                        </tr>
                        </tbody>
                      </table>
                    </div>
                  </div>
                </div>
              </div>
              <div style="width: 100%;height: 34%;position: relative">
                <div style="position: absolute;width: 50%;height: 100%">
                  <ul class="left_top_text" style="margin-top: 12%">
                    <li style="margin-top: -2%">接触疲劳强度安全系数</li>
                    <li style="margin-top: -2%">接触静强度安全系数</li>
                    <li style="margin-top: -2%">弯曲疲劳强度安全系数</li>
                    <li style="margin-top: -2%">弯曲静强度安全系数</li>
                    <li style="margin-top: -2%">接触长寿命系数</li>
                    <li style="margin-top: -2%">弯曲长寿命系数</li>
                    <li style="margin-top: -2%">润滑油40C粘度(mm^2/s)</li>
                    <li style="margin-top: -2%">润滑油类型</li>
                  </ul>
                </div>
                <div style="position: absolute;width: 50%;height: 100%;right: 0">
                  <ul style="height: 91%" class="left_top_input">
                    <li><input v-model="form.S_H_fatigue"/></li>
                    <li><input v-model="form.S_H_static"/></li>
                    <li><input v-model="form.S_F_fatigue"/></li>
                    <li><input v-model="form.S_F_static"/></li>
                    <li><input v-model="this.form.Znt_Longlife"/></li>
                    <li><input v-model="this.form.Ynt_Longlife" /></li>
                    <li><input v-model="form.v_40"/></li>
                    <li>
                      <select v-model="form.oil_type">
                        <option value="1">矿物油</option>
                        <option value="2">合成油</option>
                      </select>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div style="width: 80%; height: 33%;margin-top: 2%">
            <img style="height: 96%;width: 100%" :src="img.img1"/>
          </div>
        </a-col>
        <a-col span="18" style="height: 100%">
          <div class="middle">
            <div class="middle_left">
              <div style="width: 100%;height: 2.4%;background: #D7D7D7">差动级行星轮系基本参数</div>
              <div style="width: 100%;height: 97.6%">
                <div class="middle_top">
                  <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                  <div style="width: 100%;height: 93%;position: relative">
                    <div class="middle_top_left">
                      <ul class="middle_top_left_text">
                        <li >材料类型</li>
                        <li >屈服应力(MPa)</li>
                        <li >接触疲劳极限应力(MPa)</li>
                        <li >弯曲疲劳极限应力(MPa)</li>
                        <li >齿面硬度(HB)</li>
                        <li >弹性模量(MPa)</li>
                        <li >泊松比</li>
                      </ul>
                    </div>
                    <div class="middle_top_right1">
                      <ul class="middle_top_left_input">
                        <li>太阳轮</li>
                        <li>
                          <select v-model="form.material_type_s_1">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_s_1"/></li>
                        <li><input v-model="form.sigma_Hlim_s_1"/></li>
                        <li><input v-model="form.sigma_Flim_s_1"/></li>
                        <li><input v-model="form.hardness_HB_s_1"/></li>
                        <li><input v-model="form.E_s_1"/></li>
                        <li><input v-model="form.possion_s_1"/></li>
                      </ul>
                    </div>
                    <div class="middle_top_right2">
                      <ul class="middle_top_left_input">
                        <li>行星轮</li>
                        <li>
                          <select v-model="form.material_type_p_1">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_p_1"/></li>
                        <li><input v-model="form.sigma_Hlim_p_1"/></li>
                        <li><input v-model="form.sigma_Flim_p_1"/></li>
                        <li><input v-model="form.hardness_HB_p_1"/></li>
                        <li><input v-model="form.E_p_1"/></li>
                        <li><input v-model="form.possion_p_1"/></li>
                      </ul>
                    </div>
                    <div class="middle_top_right3">
                      <ul class="middle_top_left_input">
                        <li>齿圈</li>
                        <li>
                          <select v-model="form.material_type_r_1">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_r_1"/></li>
                        <li><input v-model="form.sigma_Hlim_r_1"/></li>
                        <li><input v-model="form.sigma_Flim_r_1"/></li>
                        <li><input v-model="form.hardness_HB_r_1"/></li>
                        <li><input v-model="form.E_r_1"/></li>
                        <li><input v-model="form.possion_r_1"/></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="middle_middle">
                  <div style="width: 100%;height: 3%">齿形参数输入</div>
                  <div style="width: 100%;height: 87%;position: relative">
                    <div class="middle_top_left">
                      <ul class="middle_top_left_text" style="margin-top: 18%">
                        <li >齿顶高系数</li>
                        <li >顶隙系数</li>
                        <li >齿根圆角半径系数</li>
                        <li >轮缘厚度系数</li>
                        <li >齿向倒角高度(直径)(mm)</li>
                        <li >齿向倒角角度(°)</li>
                        <li >齿顶削减量(直径)(mm)</li>
                        <li >挖根量(mm)</li>
                        <li >齿面粗糙度Rz(um)</li>
                        <li >齿根圆角粗糙度Rz (um)</li>
                        <li >齿厚上偏差(um)</li>
                        <li >齿厚公差(um)</li>
                        <li >弯曲强度计算齿厚值(um)</li>
                        <li >加工齿圈刀具变位系数</li>
                        <li >加工齿圈刀具齿数</li>
                      </ul>
                    </div>
                    <div class="middle_top_right1">
                      <ul class="middle_middle_left_input" style="position: relative">
                        <li>太阳轮</li>
                        <li><input v-model="form.ad_factor_s_1"/></li>
                        <li><input v-model="form.tip_factor_s_1"/></li>
                        <li><input v-model="form.radius_factor_s_1"/></li>
                        <li><input v-model="form.SR_s_1"/></li>
                        <li><input v-model="form.chamfer_dia_s_1"/></li>
                        <li><input v-model="form.chamfer_angle_s_1"/></li>
                        <li><input v-model="form.ad_cut_dia_s_1"/></li>
                        <li><input v-model="form.undercut_s_1"/></li>
                        <li><input v-model="form.R_z_flank_s_1"/></li>
                        <li><input v-model="form.R_z_root_s_1"/></li>
                        <li><input v-model="form.thickness_reduction_s_1"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_s_1"/></li>
                        <li style="display: flex">
                          <div style="width: 50%; text-align: center;margin-top: 1%">{{ans.thickness_reduction_last_s_1}}</div>
                          <div style="width: 27%">
                            <select v-model="form.bend_strength_thickness_s_1">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                        <li><input :visable="form.auto_work_center_1==1" v-model="form.cutter_shift_coefficient_1_s" type="text"/>
                        <li><input :visable="form.auto_work_center_1==1" v-model="form.z_cutter_1_s" type="text"/>
                        <li style="margin-left: 70%;bottom: -3%;position: absolute"><input v-model="form.auto_work_center_1" value="1" type="radio" style="height: 70%;width: 70%">自动</li>
                        <li style="margin-left: 70%;bottom: -9%;position: absolute"><input v-model="form.auto_work_center_1" value="2" type="radio" style="height: 70%;width: 70%">手动</li>
                      </ul>
                    </div>
                    <div class="middle_top_right2">
                      <ul class="middle_middle_left_input">
                        <li>行星轮</li>
                        <li><input v-model="form.ad_factor_p_1"/></li>
                        <li><input v-model="form.tip_factor_p_1"/></li>
                        <li><input v-model="form.radius_factor_p_1"/></li>
                        <li><input v-model="form.SR_p_1"/></li>
                        <li><input v-model="form.chamfer_dia_p_1"/></li>
                        <li><input v-model="form.chamfer_angle_p_1"/></li>
                        <li><input v-model="form.ad_cut_dia_p_1"/></li>
                        <li><input v-model="form.undercut_p_1"/></li>
                        <li><input v-model="form.R_z_flank_p_1"/></li>
                        <li><input v-model="form.R_z_root_p_1"/></li>
                        <li><input v-model="form.thickness_reduction_p_1"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_p_1"/></li>
                        <li style="display: flex">
                          <div style="width: 55%; text-align:center;margin-top: 1%">{{ans.thickness_reduction_last_p_1}}</div>
                          <div style="width: 30%">
                            <select v-model="form.bend_strength_thickness_p_1">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                      </ul>
                    </div>
                    <div class="middle_top_right3">
                      <ul class="middle_middle_left_input">
                        <li>齿圈</li>
                        <li><input v-model="form.ad_factor_r_1"/></li>
                        <li><input v-model="form.tip_factor_r_1"/></li>
                        <li><input v-model="form.radius_factor_r_1"/></li>
                        <li><input v-model="form.SR_r_1"/></li>
                        <li><input v-model="form.chamfer_dia_r_1"/></li>
                        <li><input v-model="form.chamfer_angle_r_1"/></li>
                        <li><input v-model="form.ad_cut_dia_r_1"/></li>
                        <li><input v-model="form.undercut_r_1"/></li>
                        <li><input v-model="form.R_z_flank_r_1"/></li>
                        <li><input v-model="form.R_z_root_r_1"/></li>
                        <li><input v-model="form.thickness_reduction_r_1"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_r_1"/></li>
                        <li style="display: flex">
                          <div style="width: 55%; text-align: center;margin-top: 1%">{{ans.thickness_reduction_last_r_1}}</div>
                          <div style="width: 30%">
                            <select v-model="form.bend_strength_thickness_r_1">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="middle_bottom">
                  <div style="width: 100%; height: 7%">系数参数</div>
                  <div style="width: 100%; height: 93%; position: relative">
                    <div class="middle_bottom_left">
                      <ul class="middle_bottom_text">
                        <li>使用系数</li>
                        <li>动载系数</li>
                        <li>接触齿向载荷分布系数</li>
                        <li>接触齿间载荷分布系数</li>
                        <li>弯曲齿向载荷分布系数</li>
                        <li>弯曲齿间载荷分布系数</li>
                        <li>静强度使用系数</li>
                      </ul>
                    </div>
                    <div class="middle_bottom_right" style="position: relative">
                      <ul style="position: absolute;right: 35%">
                        <li style="margin-top: -2%;padding-left: 10%">外啮合</li>
                        <li style="margin-top: -4%"><input v-model="form.K_A_external_1" type="text" style="width:55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_V_external_1" type="text" style="width: 55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_Hb_external_1" type="text" style="width: 55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_Ha_external_1" type="text" style="width: 55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_Fb_external_1" type="text" style="width: 55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_Fa_external_1" type="text" style="width: 55%;height: 30%;"/></li>
                        <li style="margin-top: -1.1%"><input v-model="form.K_A_external_s_1" type="text" style="width: 55%;height: 30%;"/></li>
                      </ul>
                      <ul class="middle_bottom_input" style="position: absolute;right: -45%">
                        <p style="position: absolute;bottom: 98%;left: 6%">内啮合</p>
                        <li class="img_li"><input v-model="form.K_A_internal_1" style="width: 30%;height: 30%"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button" style="height: 40%">!</button></li>
                        <a-modal :visible="visible1" width="620px"
                                 @ok="handleOk1()" @cancel="handleCancel1()">
                          <div style="width: 100%;height: 100%;position: relative">
                            <img :src="img.img2" v-show="showimg==1" class="img_img"/>
                            <img :src="img.img3" v-show="showimg==2" class="img_img"/>
                            <img :src="img.img4" v-show="showimg==3" class="img_img"/>
                            <img :src="img.img5" v-show="showimg==4" class="img_img"/>
                          </div>
                        </a-modal>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_V_external_1" style="width: 30%;height: 30%;"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button" style="height: 30%">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_Hb_internal_1" style="width: 30%;height: 30%;"/></li>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_Ha_internal_1" style="width: 30%;height: 30%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 30%;">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_Fb_internal_1" style="width: 30%;height: 30%;"/></li>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_Fa_internal_1" style="width: 30%;height: 30%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 30%">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_A_internal_s_1" style="width: 30%;height: 30%"/></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="middle_right">
              <div style="width: 100%;height: 2.4%;background: #D7D7D7">封闭级行星轮系基本参数</div>
              <div style="width: 100%;height: 97.6%">
                <div class="middle_top">
                  <div style="width: 100%;height: 7%">齿轮材料基本参数</div>
                  <div style="width: 100%;height: 93%;position: relative">
                    <div class="middle_top_left">
                      <ul class="middle_top_left_text">
                        <li >材料类型</li>
                        <li >屈服应力(MPa)</li>
                        <li >接触疲劳极限应力(MPa)</li>
                        <li >弯曲疲劳极限应力(MPa)</li>
                        <li >齿面硬度(HB)</li>
                        <li >弹性模量(MPa)</li>
                        <li >泊松比</li>
                      </ul>
                    </div>
                    <div class="middle_top_right1">
                      <ul class="middle_top_left_input">
                        <li>太阳轮</li>
                        <li>
                          <select v-model="form.material_type_s_2">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_s_2"/></li>
                        <li><input v-model="form.sigma_Hlim_s_2"/></li>
                        <li><input v-model="form.sigma_Flim_s_2"/></li>
                        <li><input v-model="form.hardness_HB_s_2"/></li>
                        <li><input v-model="form.E_s_2"/></li>
                        <li><input v-model="form.possion_s_2"/></li>
                      </ul>
                    </div>
                    <div class="middle_top_right2">
                      <ul class="middle_top_left_input">
                        <li>行星轮</li>
                        <li>
                          <select v-model="form.material_type_p_2">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_p_2"/></li>
                        <li><input v-model="form.sigma_Hlim_p_2"/></li>
                        <li><input v-model="form.sigma_Flim_p_2"/></li>
                        <li><input v-model="form.hardness_HB_p_2"/></li>
                        <li><input v-model="form.E_p_2"/></li>
                        <li><input v-model="form.possion_p_2"/></li>
                      </ul>
                    </div>
                    <div class="middle_top_right3">
                      <ul class="middle_top_left_input">
                        <li>齿圈</li>
                        <li>
                          <select v-model="form.material_type_r_2">
                            <option value="1">渗碳淬火</option>
                            <option value="2">调质</option>
                            <option value="3">渗氮钢</option>
                            <option value="4">结构钢</option>
                            <option value="5">感应淬火和火焰淬火钢</option>
                            <option value="6">氮碳共渗钢</option>
                          </select>
                        </li>
                        <li><input v-model="form.sigma_s_r_2"/></li>
                        <li><input v-model="form.sigma_Hlim_r_2"/></li>
                        <li><input v-model="form.sigma_Flim_r_2"/></li>
                        <li><input v-model="form.hardness_HB_r_2"/></li>
                        <li><input v-model="form.E_r_2"/></li>
                        <li><input v-model="form.possion_r_2"/></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="middle_middle">
                  <div style="width: 100%;height: 3%">齿形参数输入</div>
                  <div style="width: 100%;height: 87%;position: relative">
                    <div class="middle_top_left">
                      <ul class="middle_top_left_text" style="margin-top: 18%">
                        <li >齿顶高系数</li>
                        <li >顶隙系数</li>
                        <li >齿根圆角半径系数</li>
                        <li >轮缘厚度系数</li>
                        <li >齿向倒角高度(直径)(mm)</li>
                        <li >齿向倒角角度(°)</li>
                        <li >齿顶削减量(直径)(mm)</li>
                        <li >挖根量(mm)</li>
                        <li >齿面粗糙度Rz(um)</li>
                        <li >齿根圆角粗糙度Rz (um)</li>
                        <li >齿厚上偏差(um)</li>
                        <li >齿厚公差(um)</li>
                        <li >弯曲强度计算齿厚值(um)</li>
                        <li >加工齿圈刀具变位系数</li>
                        <li >加工齿圈刀具齿数</li>
                      </ul>
                    </div>
                    <div class="middle_top_right1">
                      <ul class="middle_middle_left_input" style="position: relative">
                        <li>太阳轮</li>
                        <li><input v-model="form.ad_factor_s_2"/></li>
                        <li><input v-model="form.tip_factor_s_2"/></li>
                        <li><input v-model="form.radius_factor_s_2"/></li>
                        <li><input v-model="form.SR_s_2"/></li>
                        <li><input v-model="form.chamfer_dia_s_2"/></li>
                        <li><input v-model="form.chamfer_angle_s_2"/></li>
                        <li><input v-model="form.ad_cut_dia_s_2"/></li>
                        <li><input v-model="form.undercut_s_2"/></li>
                        <li><input v-model="form.R_z_flank_s_2"/></li>
                        <li><input v-model="form.R_z_root_s_2"/></li>
                        <li><input v-model="form.thickness_reduction_s_2"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_s_2"/></li>
                        <li style="display: flex">
                          <div style="width: 50%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_s_2}}</div>
                          <div style="width: 27%">
                            <select v-model="form.bend_strength_thickness_s_2">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                        <li><input :visable="form.auto_work_center_2==1" v-model="form.cutter_shift_coefficient_2_s" type="text"/>
                        <li><input :visable="form.auto_work_center_2==1" v-model="form.z_cutter_2_s" type="text"/>
                        <li style="margin-left: 70%;bottom: -3%;position: absolute"><input v-model="form.auto_work_center_2" value="1" type="radio" style="height: 70%;width: 70%">自动</li>
                        <li style="margin-left: 70%;bottom: -9%;position: absolute"><input v-model="form.auto_work_center_2" value="2" type="radio" style="height: 70%;width: 70%">手动</li>
                      </ul>
                    </div>
                    <div class="middle_top_right2">
                      <ul class="middle_middle_left_input">
                        <li>行星轮</li>
                        <li><input v-model="form.ad_factor_p_2"/></li>
                        <li><input v-model="form.tip_factor_p_2"/></li>
                        <li><input v-model="form.radius_factor_p_2"/></li>
                        <li><input v-model="form.SR_p_2"/></li>
                        <li><input v-model="form.chamfer_dia_p_2"/></li>
                        <li><input v-model="form.chamfer_angle_p_2"/></li>
                        <li><input v-model="form.ad_cut_dia_p_2"/></li>
                        <li><input v-model="form.undercut_p_2"/></li>
                        <li><input v-model="form.R_z_flank_p_2"/></li>
                        <li><input v-model="form.R_z_root_p_2"/></li>
                        <li><input v-model="form.thickness_reduction_p_2"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_p_2"/></li>
                        <li style="display: flex">
                          <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_p_2}}</div>
                          <div style="width: 30%">
                            <select v-model="form.bend_strength_thickness_p_2">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                      </ul>
                    </div>
                    <div class="middle_top_right3">
                      <ul class="middle_middle_left_input">
                        <li>齿圈</li>
                        <li><input v-model="form.ad_factor_r_2"/></li>
                        <li><input v-model="form.tip_factor_r_2"/></li>
                        <li><input v-model="form.radius_factor_r_2"/></li>
                        <li><input v-model="form.SR_r_2"/></li>
                        <li><input v-model="form.chamfer_dia_r_2"/></li>
                        <li><input v-model="form.chamfer_angle_r_2"/></li>
                        <li><input v-model="form.ad_cut_dia_r_2"/></li>
                        <li><input v-model="form.undercut_r_2"/></li>
                        <li><input v-model="form.R_z_flank_r_2"/></li>
                        <li><input v-model="form.R_z_root_r_2"/></li>
                        <li><input v-model="form.thickness_reduction_r_2"/></li>
                        <li><input v-model="form.tooth_thickness_tolerance_r_2"/></li>
                        <li style="display: flex">
                          <div style="width: 55%; text-align: right;margin-top: 1%">{{ans.thickness_reduction_last_r_2}}</div>
                          <div style="width: 30%">
                            <select v-model="form.bend_strength_thickness_r_2">
                              <option value="1">最小</option>
                              <option value="2">平均</option>
                              <option value="3">最大</option>
                            </select>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="middle_bottom">
                  <div style="width: 100%; height: 7%">系数参数</div>
                  <div style="width: 100%; height: 93%; position: relative">
                    <div class="middle_bottom_left">
                      <ul class="middle_bottom_text">
                        <li>使用系数</li>
                        <li>动载系数</li>
                        <li>接触齿向载荷分布系数</li>
                        <li>接触齿间载荷分布系数</li>
                        <li>弯曲齿向载荷分布系数</li>
                        <li>弯曲齿间载荷分布系数</li>
                        <li>静强度使用系数</li>
                      </ul>
                    </div>
                    <div class="middle_bottom_right" style="position: relative">
                      <ul style="position: absolute;right: 35%">
                        <li style="margin-top: -2%;padding-left: 10%">外啮合</li>
                        <li style="margin-top: -5%"><input v-model="form.K_A_external_2" type="text" style="width:55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_V_external_2" type="text" style="width: 55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_Hb_external_2" type="text" style="width: 55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_Ha_external_2" type="text" style="width: 55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_Fb_external_2" type="text" style="width: 55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_Fa_external_2" type="text" style="width: 55%;height: 40%;"/></li>
                        <li style="margin-top: -1%"><input v-model="form.K_A_external_s_2" type="text" style="width: 55%;height: 40%;"/></li>
                      </ul>
                      <ul class="middle_bottom_input" style="position: absolute;right: -45%">
                        <p style="position: absolute;bottom: 98%;left: 6%">内啮合</p>
                        <li class="img_li"><input v-model="form.K_A_internal_2" style="width: 30%;height: 40%"/><button @click="showModal1(btn.value1)" :value="btn.value1" class="img_button" style="height: 40%">!</button></li>
                        <a-modal :visible="visible1" width="620px"
                                 @ok="handleOk1()" @cancel="handleCancel1()">
                          <div style="width: 100%;height: 100%;position: relative">
                            <img :src="img.img2" v-show="showimg==1" class="img_img"/>
                            <img :src="img.img3" v-show="showimg==2" class="img_img"/>
                            <img :src="img.img4" v-show="showimg==3" class="img_img"/>
                            <img :src="img.img5" v-show="showimg==4" class="img_img"/>
                          </div>
                        </a-modal>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_V_internal_2" style="width: 30%;height: 40%;"/><button @click="showModal1(btn.value2)" :value="btn.value2" class="img_button" style="height: 40%">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_Hb_internal_2" style="width: 30%;height: 40%;"/></li>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_Ha_internal_2" style="width: 30%;height: 40%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 40%;">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_Fb_internal_2" style="width: 30%;height: 40%;"/></li>
                        <li class="img_li" style="margin-top: -1.3%"><input v-model="form.K_Fa_internal_2" style="width: 30%;height: 40%"/><button @click="showModal1(btn.value3)" :value="btn.value3" class="img_button" style="height: 40%">!</button></li>
                        <li style="margin-top: -1.3%"><input v-model="form.K_A_internal_s_2" style="width: 30%;height: 40%"/></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div style="width: 96%;height: 4%;margin-left: 2%">
            <button @click="calculation" style="width: 10%;height: 90%;margin-left: 85%">计算</button>
          </div>
        </a-col>
      </a-row>
    </div>

    <div class="design" :class="{ B_show: this.Bcanshow }">
      <a-row style="height: 100%">
        <a-col style="height: 120%;background-color: white;display: flex" span="23">
          <div class="d-left">
            <div class="title">差动级行星轮系宏观参数设计模块</div>
            <div class="differential" style="height: 96%;width: 100%;">
              <div class="b-left-top" style="height: 5.4%;width: 100%">
                <ul style="height: 100%;width: 31%;float: left">
                  <li><label>总传动比</label><input v-model="form.ratio_aim_total"></li>
                  <li><label>目标齿数比</label><input v-model="form.ratio_aim_1"></li>
                </ul>
                <ul style="height: 100%;width: 23%;">
                  <li><label>最大设计宽径比</label><input v-model="form.ratio_width_diameter_max_1"></li>
                  <li><label>行星轮个数</label><input v-model="form.planet_number_1"></li>
                </ul>
                <ul style="height: 100%;width: 16%;">
                  <li><button style="width: 50%" type="primary" @click="showModal3">!</button>
                    <a-modal title="圆柱齿轮的宽径比参考表"
                             :visible="visible2"
                             :confirm-loading="confirmLoading1"
                             @ok="handleOk2()"
                             @cancel="handleCancel2()">
                      <img style="width: 100%" :src="img.img5" class="img_img" />
                    </a-modal></li>
                  <li><label>不均载系数</label><input v-model="form.load_share_factor_1"></li>
                </ul><ul style="height: 100%;width: 30%;">
                <li><label>齿圈预留法向轮缘系数</label><input v-model="form.abundant_ring_rim_factor_1"></li>
                <li><label>功率分流</label>{{ans.power_distribution_1}}</li>
              </ul>
              </div>
              <div style="height: 94.6%;width: 100%;position: relative;">
                <div class="b-left-left" style="height: 100%;width: 25%;position: absolute;left: 0;top: 0">
                  <ul style="height: 100%;width: 100%">
                    <li></li>
                    <li></li>
                    <li>设计法向压力角(°)</li>
                    <li>设计螺旋角(°)</li>
                    <li>设计宽径比</li>
                    <li>参考分度圆直径(mm)</li>
                    <li>参考中心距(mm)</li>
                    <li>参考齿圈最大外径(mm)</li>
                    <li>参考法向模数(mm)</li>
                    <li>设计法向模数(mm)</li>
                    <li>参考齿数</li>
                    <li style="margin-top: 2%">齿数调整值</li>
                    <li>设计齿数</li>
                    <li>设计齿数比</li>
                    <li>齿数比差值百分比</li>
                    <li>设计齿宽(mm)</li>
                    <li>标准中心距(mm)</li>
                    <li style="margin-top: 2%;">设计中心距(mm)</li>
                    <li v-show="form.auto_work_center_1==2">参考法向变位系数</li>
                    <li style="margin-top: 1.5%">设计法向变位系数</li>
                    <li>滑动率</li>
                    <li>法向齿顶宽系数</li>
                    <li>轴向重合度</li>
                    <li>端面重合度</li>
                    <li>总重合度</li>
                    <li>接触疲劳强度裕度</li>
                    <li>弯曲疲劳强度裕度</li>
                    <li>接触静强度裕度</li>
                    <li style="margin-top: 2%">弯曲静强度裕度</li>
                    <li>行星轮间隙系数</li>
                    <li>设计齿圈最大外径(mm)</li>
                    <li>端面齿顶圆直径(mm)</li>
                    <li>端面齿根圆直径(mm)</li>
                    <li>轴承最大外径(mm)</li>
                    <li>节圆线速度(m/s)</li>
                  </ul>
                </div>
                <div class="b-left-right" style="height: 100%;width: 75%;position: absolute;right: 0;top: 0">
                  <ul style="height: 100%;width: 100%;font-size: 0">
                    <li class="half">外啮合</li>
                    <li class="half">内啮合</li>
                    <li class="quarter">太阳轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">齿圈</li>
                    <li style="width: 100%"><input v-model="form.press_angle_1"></li>
                    <li style="width: 100%"><input v-model="form.helix_angle_1"></li>
                    <li class="one-third-third">{{ans.ratio_width_diameter_s_1}}</li>
                    <li class="one-third">{{ans.ratio_width_diameter_p_1}}</li>
                    <li class="one-third-third">{{ans.ratio_width_diameter_p_1}}</li>
                    <li class="one-third-third">{{ans.tran_refer_dia_s_1}}</li>
                    <li class="one-third">{{ans.tran_refer_dia_p_1}}</li>
                    <li class="one-third-third">{{ans.tran_refer_dia_r_1}}</li>
                    <li style="width: 100%">{{ans.center_refer_strength_1}}</li>
                    <li style="width: 100%">{{ans.max_dia_refer_strength_1}}</li>
                    <li style="width: 100%">{{ans.normal_module_refer_1}}</li>
                    <li style="width: 100%"><input v-model="form.normal_module_1"></li>
                    <li class="one-third-third">{{ans.z_s_refer_1}}</li>
                    <li class="one-third">{{ans.z_p_refer_1}}</li>
                    <li class="one-third-third">{{ans.z_r_refer_1}}</li>
                    <li class="one-third-third"></li>
                    <li class="one-third"><select v-model="form.z_p_adjust_1">
                      <option value="1">0</option>
                      <option value="2">-6</option>
                      <option value="3">-5</option>
                      <option value="4">-4</option>
                      <option value="5">-3</option>
                      <option value="6">-2</option>
                      <option value="7">-1</option>
                      <option value="8">1</option>
                      <option value="9">2</option>
                      <option value="10">3</option>
                      <option value="11">4</option>
                      <option value="12">5</option>
                      <option value="13">6</option>
                    </select></li>
                    <li style="width: 16%"><label>0</label></li>
                    <li style="width: 9%"><select v-model="form.z_r_adjust_1">
                      <option value="1">0</option>
                      <option value="2">-6</option>
                      <option value="3">-5</option>
                      <option value="4">-4</option>
                      <option value="5">-3</option>
                      <option value="6">-2</option>
                      <option value="7">-1</option>
                      <option value="8">1</option>
                      <option value="9">2</option>
                      <option value="10">3</option>
                      <option value="11">4</option>
                      <option value="12">5</option>
                      <option value="13">6</option>
                    </select></li>
                    <li class="quarter"><input v-model="form.z_s_1"></li>
                    <li class="quarter">{{ans.z_p_1}}</li>
                    <li class="quarter">{{ans.z_r_1}}</li>
                    <li class="quarter">{{ans.ratio_design_1}}</li>
                    <li style="width: 100%">{{ans.ratio_different_1}}</li>
                    <li style="width: 100%">{{ans.effect_width_1}}</li>
                    <li style="width: 100%">{{ans.standard_center_external_1}}</li>
                    <li style="width: 50%">{{ans.standard_center_internal_1}}</li>
                    <li style="width: 50%"><div style="width: 100%;height: 100%;display: flex;font-size: 0"><label style="width: 60%;text-align: right;font-size: 14px">{{ans.work_center_1_1}}</label><label for="center1" style="display: flex;text-align: center;width: 40%"><input style="width: 18%" v-model="form.auto_work_center_1" type="radio" value="1" name="btn1" id="center1"><span style="font-size: 14px">自动</span></label></div></li>
                    <li style="width: 80%"><input v-model="form.work_center_manual_1" v-show="form.auto_work_center_1==2"></li>
                    <li style="width: 20%"><div style="width: 100%;height: 100%;display: flex;font-size: 0"><label for="center2" style="display: flex;text-align: center;width: 100%"><input v-model="form.auto_work_center_1" style="width: 18%" type="radio" value="2" name="btn1" id="center2"><span style="font-size: 14px">手动</span></label></div></li>
                    <li class="one-third-third"  v-show="form.auto_work_center_1==2">{{ans.normal_modi_factor_s}}</li>
                    <li class="one-third"  v-show="form.auto_work_center_1==2">{{ans.normal_modi_factor_p}}</li>
                    <li class="one-third-third"  v-show="form.auto_work_center_1==2"><button>!</button></li>
                    <li class="one-third-third"><input v-model="form.normal_modi_factor_s_1"></li>
                    <li class="one-third">{{ans.normal_modi_factor_p_1}}</li>
                    <li class="one-third-third">{{ans.normal_modi_factor_r_1}}<button style="width: 50%" type="primary" @click="showModal3">!</button>
                      <a-modal title="提示"
                               :visible="visible2"
                               :confirm-loading="confirmLoading1"
                               @ok="handleOk2()"
                               @cancel="handleCancel2()">
                        <a>按照国内齿轮行业惯例，中心距变大时内齿轮的变位系数为正，反之为负，但国际上内齿轮变位系数的符号规定与之相反，所以标注时请引起注意!本程序使用国内惯例</a>
                      </a-modal></li>
                    <li class="quarter">{{ans.slip_s_external_1}}</li>
                    <li class="quarter">{{ans.slip_p_external_1}}</li>
                    <li class="quarter">{{ans.slip_p_internal_1}}</li>
                    <li class="quarter">{{ans.slip_r_internal_1}}</li>
                    <li class="one-third-third">{{ans.normal_width_tip_factor_s_sn_1}}</li>
                    <li class="one-third">{{ans.normal_width_tip_factor_p_sn_1}}</li>
                    <li class="one-third-third">{{ans.normal_width_tip_factor_r_sn_1}}</li>
                    <li class="half">{{ans.axial_contact_ratio_external_1}}</li>
                    <li class="half">{{ans.axial_contact_ratio_internal_1}}</li>
                    <li class="half">{{ans.tran_contact_ratio_external_1}}</li>
                    <li class="half">{{ans.tran_contact_ratio_internal_1}}</li>
                    <li class="half">{{ans.total_contact_ratio_external_1}}</li>
                    <li class="half">{{ans.total_contact_ratio_internal_1}}</li>

                    <li class="quarter">{{ans.abundant_H_fatigue_s_external_1}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_p_external_1}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_p_internal_1}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_r_internal_1}}</li>

                    <li class="quarter">{{ans.abundant_F_fatigue_s_external_1}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_p_external_1}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_p_internal_1}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_r_internal_1}}</li>

                    <li class="quarter">{{ans.abundant_H_static_s_external_1}}</li>
                    <li class="quarter">{{ans.abundant_H_static_p_external_1}}</li>
                    <li class="quarter">{{ans.abundant_H_static_p_internal_1}}</li>
                    <li class="quarter">{{ans.abundant_H_static_r_internal_1}}</li>


                    <li class="quarter">{{ans.abundant_F_static_s_external_1}}</li>
                    <li class="quarter">{{ans.abundant_F_static_p_external_1}}</li>
                    <li class="quarter">{{ans.abundant_F_static_p_external_1}}</li>
                    <li class="quarter">{{ans.abundant_F_static_r_internal_1}}</li>
                    <li style="width: 100%">{{ans.clearance_planet_factor_1}}</li>
                    <li style="width: 100%">{{ans.max_dia_ring_design_1}}</li>
                    <li class="one-third-third">{{ans.tran_practice_ad_dia_s_1}}</li>
                    <li class="one-third">{{ans.tran_practice_ad_dia_p_1}}</li>
                    <li class="one-third-third">{{ans.tran_practice_ad_dia_r_1}}</li>
                    <li class="one-third-third">{{ans.tran_de_dia_s_1}}</li>
                    <li class="one-third">{{ans.tran_de_dia_p_1}}</li>
                    <li class="one-third-third">{{ans.tran_de_dia_r_1}}</li>
                    <li style="width: 100%">{{ans.max_dia_bearing_outer_1}}</li>
                    <li class="half" style="text-align: center">{{ans.v_pitch_external_1}}</li>
                    <li class="half">{{ans.v_pitch_internal_1}}</li>
                    <li class="half"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="d-mid">
            <div class="title">封闭级行星轮系宏观参数设计模块</div>
            <div class="differential" style="height: 96%;width: 100%;">
              <div class="b-left-top" style="height: 5.4%;width: 100%">
                <ul style="height: 100%;width: 25%;">
                  <li><label>目标齿数比</label>{{ans.ratio_aim_2}}</li>
                  <li><label>行星轮个数</label><input v-model="form.planet_number_2"></li>
                </ul><ul style="height: 100%;width: 25%;">
                <li><label>最大设计宽径比</label><input v-model="form.ratio_width_diameter_max_2"></li>
                <li><label>不均载系数</label><input v-model="form.load_share_factor_2"></li>
              </ul><ul style="height: 100%;width: 20%;">
                <li style="height: 50%;width: 50%"><button style="width: 50%" type="primary" @click="showModal3">!</button>
                  <a-modal title="圆柱齿轮的宽径比参考表"
                           :visible="visible2"
                           :confirm-loading="confirmLoading1"
                           @ok="handleOk2()"
                           @cancel="handleCancel2()">
                    <img style="width: 100%" :src="img.img5" class="img_img" />
                  </a-modal></li>
                <li style="height: 50%;width: 50%"><button style="width: 50%" type="primary" @click="showModal3">!</button>
                  <a-modal title="不均载系数参考表"
                           :visible="visible2"
                           :confirm-loading="confirmLoading1"
                           @ok="handleOk2()"
                           @cancel="handleCancel2()">
                    <img style="width: 100%" :src="img.img6" class="img_img" />
                  </a-modal></li>
              </ul><ul style="height: 100%;width: 30%;">
                <li><label>齿圈预留法向轮缘系数</label><input v-model="form.abundant_ring_rim_factor_2"></li>
                <li><label>总的传动比差值比</label>{{ans.ratio_different_total}}</li>
              </ul>
              </div>
              <div style="height: 94.6%;width: 100%;position: relative;">
                <div class="b-left-left" style="height: 100%;width: 25%;position: absolute;left: 0;top: 0">
                  <ul style="height: 100%;width: 100%">
                    <li></li>
                    <li></li>
                    <li>设计法向压力角(°)</li>
                    <li>设计螺旋角(°)</li>
                    <li>设计宽径比</li>
                    <li>参考分度圆直径(mm)</li>
                    <li>参考中心距(mm)</li>
                    <li>参考齿圈最大外径(mm)</li>
                    <li>参考法向模数(mm)</li>
                    <li>设计法向模数(mm)</li>
                    <li>参考齿数</li>
                    <li style="margin-top: 2%">齿数调整值</li>
                    <li>设计齿数</li>
                    <li>设计齿数比</li>
                    <li>齿数比差值百分比</li>
                    <li>设计齿宽(mm)</li>
                    <li>标准中心距(mm)</li>
                    <li style="margin-top: 2%">设计中心距(mm)</li>
                    <li v-show="form.auto_work_center_2==2">参考法向变位系数</li>
                    <li style="margin-top: 1.5%">设计法向变位系数</li>
                    <li>滑动率</li>
                    <li>法向齿顶宽系数</li>
                    <li>轴向重合度</li>
                    <li>端面重合度</li>
                    <li>总重合度</li>
                    <li>接触疲劳强度裕度</li>
                    <li>弯曲疲劳强度裕度</li>
                    <li>接触静强度裕度</li>
                    <li style="margin-top: 2%">弯曲静强度裕度</li>
                    <li>行星轮间隙系数</li>
                    <li>设计齿圈最大外径(mm)</li>
                    <li>端面齿顶圆直径(mm)</li>
                    <li>端面齿根圆直径(mm)</li>
                    <li>轴承最大外径(mm)</li>
                    <li>节圆线速度(m/s)</li>
                  </ul>
                </div>
                <div class="b-left-right" style="height: 100%;width: 75%;position: absolute;right: 0;top: 0">
                  <ul style="height: 100%;width: 100%;font-size: 0">
                    <li class="half">外啮合</li>
                    <li class="half">内啮合</li>
                    <li class="quarter">太阳轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">行星轮</li>
                    <li class="quarter">齿圈</li>
                    <li style="width: 100%"><input v-model="form.press_angle_2"></li>
                    <li style="width: 100%"><input v-model="form.helix_angle_2"></li>
                    <li class="one-third-third">{{ans.ratio_width_diameter_s_2}}</li>
                    <li class="one-third">{{ans.ratio_width_diameter_p_2}}</li>
                    <li class="one-third-third">{{ans.ratio_width_diameter_p_2}}</li>
                    <li class="one-third-third">{{ans.tran_refer_dia_s_2}}</li>
                    <li class="one-third">{{ans.tran_refer_dia_p_2}}</li>
                    <li class="one-third-third">{{ans.tran_refer_dia_r_2}}</li>
                    <li style="width: 100%">{{ans.center_refer_strength_2}}</li>
                    <li style="width: 100%">{{ans.max_dia_refer_strength_2}}</li>
                    <li style="width: 100%">{{ans.normal_module_refer_2}}</li>
                    <li style="width: 100%"><input v-model="form.normal_module_2"></li>
                    <li class="one-third-third">{{ans.z_s_refer_2}}</li>
                    <li class="one-third">{{ans.z_p_refer_2}}</li>
                    <li class="one-third-third">{{ans.z_r_refer_2}}</li>
                    <li class="one-third-third"></li>
                    <li class="one-third"><select v-model="form.z_p_adjust_2">
                      <option value="1">0</option>
                      <option value="2">-6</option>
                      <option value="3">-5</option>
                      <option value="4">-4</option>
                      <option value="5">-3</option>
                      <option value="6">-2</option>
                      <option value="7">-1</option>
                      <option value="8">1</option>
                      <option value="9">2</option>
                      <option value="10">3</option>
                      <option value="11">4</option>
                      <option value="12">5</option>
                      <option value="13">6</option>
                    </select></li>
                    <li style="width: 16%"><label>0</label></li>
                    <li style="width: 9%"><select v-model="form.z_r_adjust_2">
                      <option value="1">0</option>
                      <option value="2">-6</option>
                      <option value="3">-5</option>
                      <option value="4">-4</option>
                      <option value="5">-3</option>
                      <option value="6">-2</option>
                      <option value="7">-1</option>
                      <option value="8">1</option>
                      <option value="9">2</option>
                      <option value="10">3</option>
                      <option value="11">4</option>
                      <option value="12">5</option>
                      <option value="13">6</option>
                    </select></li>
                    <li class="quarter"><input v-model="form.z_s_1"></li>
                    <li class="quarter">{{ans.z_p_2}}</li>
                    <li class="quarter">{{ans.z_r_2}}</li>
                    <li class="quarter">{{ans.ratio_design_2}}</li>
                    <li style="width: 100%">{{ans.ratio_different_2}}</li>
                    <li style="width: 100%">{{ans.effect_width_2}}</li>
                    <li style="width: 100%">{{ans.standard_center_external_2}}</li>
                    <li style="width: 50%">{{ans.standard_center_internal_2}}</li>
                    <li style="width: 50%"><div style="width: 100%;height: 100%;display: flex;font-size: 0"><label style="width: 60%;text-align: right;font-size: 14px">{{ans.work_center_1_2}}</label><label for="center3" style="display: flex;text-align: center;width: 40%"><input v-model="form.auto_work_center_2" style="width: 18%" type="radio" value="1" name="btn2" id="center3"><span style="font-size: 14px">自动</span></label></div></li>
                    <li style="width: 80%"><input v-model="form.work_center_manual_2" v-show="form.auto_work_center_2==2"></li>
                    <li style="width: 20%"><div style="width: 100%;height: 100%;display: flex;font-size: 0"><label for="center4" style="display: flex;text-align: center;width: 100%"><input v-model="form.auto_work_center_2" style="width: 18%" type="radio" value="2" name="btn2" id="center4"><span style="font-size: 14px">手动</span></label></div></li>
                    <li class="one-third-third" v-show="form.auto_work_center_2==2">{{ans.normal_modi_factor_s}}</li>
                    <li class="one-third" v-show="form.auto_work_center_2==2">{{ans.normal_modi_factor_p}}</li>
                    <li class="one-third-third" v-show="form.auto_work_center_2==2"><button>!</button></li>
                    <li class="one-third-third"><input v-model="form.normal_modi_factor_s_2"></li>
                    <li class="one-third">{{ans.normal_modi_factor_p_2}}</li>
                    <li class="one-third-third">{{ans.normal_modi_factor_r_2}}<button style="width: 50%" type="primary" @click="showModal3">!</button>
                      <a-modal title="提示"
                               :visible="visible2"
                               :confirm-loading="confirmLoading1"
                               @ok="handleOk2()"
                               @cancel="handleCancel2()">
                        <a>按照国内齿轮行业惯例，中心距变大时内齿轮的变位系数为正，反之为负，但国际上内齿轮变位系数的符号规定与之相反，所以标注时请引起注意!本程序使用国内惯例</a>
                      </a-modal></li>
                    <li class="quarter">{{ans.slip_s_external_2}}</li>
                    <li class="quarter">{{ans.slip_p_external_2}}</li>
                    <li class="quarter">{{ans.slip_p_internal_2}}</li>
                    <li class="quarter">{{ans.slip_r_internal_2}}</li>
                    <li class="one-third-third">{{ans.normal_width_tip_factor_s_sn_2}}</li>
                    <li class="one-third">{{ans.normal_width_tip_factor_p_sn_2}}</li>
                    <li class="one-third-third">{{ans.normal_width_tip_factor_r_sn_2}}</li>
                    <li class="half">{{ans.axial_contact_ratio_external_2}}</li>
                    <li class="half">{{ans.axial_contact_ratio_internal_2}}</li>
                    <li class="half">{{ans.tran_contact_ratio_external_2}}</li>
                    <li class="half">{{ans.tran_contact_ratio_internal_2}}</li>
                    <li class="half">{{ans.total_contact_ratio_external_2}}</li>
                    <li class="half">{{ans.total_contact_ratio_internal_2}}</li>

                    <li class="quarter">{{ans.abundant_H_fatigue_s_external_2}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_p_external_2}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_p_internal_2}}</li>
                    <li class="quarter">{{ans.abundant_H_fatigue_r_internal_2}}</li>

                    <li class="quarter">{{ans.abundant_F_fatigue_s_external_2}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_p_external_2}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_p_internal_2}}</li>
                    <li class="quarter">{{ans.abundant_F_fatigue_r_internal_2}}</li>

                    <li class="quarter">{{ans.abundant_H_static_s_external_2}}</li>
                    <li class="quarter">{{ans.abundant_H_static_p_external_2}}</li>
                    <li class="quarter">{{ans.abundant_H_static_p_internal_2}}</li>
                    <li class="quarter">{{ans.abundant_H_static_r_internal_2}}</li>


                    <li class="quarter">{{ans.abundant_F_static_s_external_2}}</li>
                    <li class="quarter">{{ans.abundant_F_static_p_external_2}}</li>
                    <li class="quarter">{{ans.abundant_F_static_p_external_2}}</li>
                    <li class="quarter">{{ans.abundant_F_static_r_internal_2}}</li>
                    <li style="width: 100%">{{ans.clearance_planet_factor_2}}</li>
                    <li style="width: 100%">{{ans.max_dia_ring_design_2}}</li>
                    <li class="one-third-third">{{ans.tran_practice_ad_dia_s_2}}</li>
                    <li class="one-third">{{ans.tran_practice_ad_dia_p_2}}</li>
                    <li class="one-third-third">{{ans.tran_practice_ad_dia_r_2}}</li>
                    <li class="one-third-third">{{ans.tran_de_dia_s_2}}</li>
                    <li class="one-third">{{ans.tran_de_dia_p_2}}</li>
                    <li class="one-third-third">{{ans.tran_de_dia_r_2}}</li>
                    <li style="width: 100%">{{ans.max_dia_bearing_outer_2}}</li>
                    <li class="half" style="text-align: center">{{ans.v_pitch_external_2}}</li>
                    <li class="half">{{ans.v_pitch_internal_2}}</li>
                    <li class="half"></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </a-col>

        <a-col span="1" style="height: 120%;background-color: white">
          <div style="width: 100%;height: 100%;position: relative">
<!--            <button @click="showModal2" style="width:80%; height:16%;position: absolute;top: 80%;font-size: 14px">查看相关参数</button>-->
            <a-modal :visible="visible2" width="100%"
                     @ok="handleOk2" @cancel="handleCancel2">
              <div style="width: 100%;height: 100%;">
                <div style="width: 98%;height: 98%;margin-top: 1%;margin-left: 1%;box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137)">
                  <div style="height: 10%;width: 50%;background: #D7D7D7">差动级相关参数</div>
                  <div style="height: 90%;width: 50%;display: flex">
                    <div style="height: 100%;width:30%;">
                      <ul class="modal_text">
                        <li>计算接触应力(MPa)</li>
                        <li>许用接触应力(MPa)</li>
                        <li>计算弯曲应力(MPa)</li>
                        <li>许用弯曲应力(MPa)</li>
                        <li>节圆直径</li>
                        <li>基圆直径</li>
                        <li>啮合角(°)</li>
                        <li>基圆螺旋角(°)</li>
                        <li>相对转速(rpm)</li>
                        <li>绝对转速(rpm)</li>
                        <li>行星架转速(rpm)</li>
                        <li>切向载荷(N)</li>
                        <li>径向载荷(N)</li>
                        <li>轴向载荷(N)</li>
                      </ul>
                    </div>
                    <div style="height: 100%;width:35%;">
                      <ul class="modal_input">
                        <li><div class="modal_input2">外啮合</div></li>
                        <li>
                          <div class="modal_input1">太阳轮</div>
                          <div class="modal_input1">行星轮</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_H_fatigue_design_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_external_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_HG_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_HG_p_external_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_F_fatigue_design_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_external_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_FG_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_FG_p_external_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.tran_pitch_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.tran_pitch_p_external_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.tran_base_dia_s_1_x1}}</div>
                          <div class="modal_input1">{{ans.tran_base_dia_p_external_1_x1}}</div>
                        </li>
                        <li><div class="modal_input2">{{ans.mesh_angle_external_1_x1}}</div></li>
                        <li><div class="modal_input2">{{ans.base_helix_angle_external_1_x1}}</div></li>

                        <li>
                          <div class="modal_input1">{{ans.n_s_1_rel}}</div>
                          <div class="modal_input1">{{ans.n_p_1_rel}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.n_s_1_abs}}</div>
                          <div class="modal_input1">{{ans.n_p_1_abs}}</div>
                        </li>
                        <li><div class="modal_input2">{{ans.n_carrier_1_abs}}</div></li>

                        <li><div class="modal_input2">{{ans.tangential_load_external_1_0}}</div></li>
                        <li><div class="modal_input2">{{ans.radial_load_external_1_0}}</div></li>
                        <li><div class="modal_input2">{{ans.axial_load_external_1_0}}</div></li>
                      </ul>
                    </div>
                    <div style="height: 100%;width:35%;">
                      <ul class="modal_input">
                        <li><div class="modal_input2">内啮合</div></li>
                        <li>
                          <div class="modal_input1">行星轮</div>
                          <div class="modal_input1">齿圈</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_H_fatigue_design_r_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_HG_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_HG_r_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_F_fatigue_design_r_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.sigma_FG_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.sigma_FG_r_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.tran_pitch_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.tran_pitch_r_1_x1}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.tran_base_dia_p_internal_1_x1}}</div>
                          <div class="modal_input1">{{ans.tran_base_dia_r_1_x1}}</div>
                        </li>
                        <li><div class="modal_input2">{{ans.mesh_angle_internal_1_x1}}</div></li>
                        <li><div class="modal_input2">{{ans.base_helix_angle_internal_1_x1}}</div></li>
                        <li>
                          <div class="modal_input1">{{ans.n_p_1_rel}}</div>
                          <div class="modal_input1">{{ans.n_r_1_rel}}</div>
                        </li>
                        <li>
                          <div class="modal_input1">{{ans.n_p_1_abs}}</div>
                          <div class="modal_input1">{{ans.n_r_1_abs}}</div>
                        </li>
                        <li><div class="modal_input2">{{ans.n_carrier_1_abs}}</div></li>
                        <li><div class="modal_input2">{{ans.tangential_load_internal_1_0}}</div></li>
                        <li><div class="modal_input2">{{ans.radial_load_internal_1_0}}</div></li>
                        <li><div class="modal_input2">{{ans.axial_load_internal_1_0}}</div></li>
                      </ul>
                    </div>
                  </div>



                  <div style="position: absolute;right:32.5%;top:7.3%">
                    <div style="height: 10%;width:245%;background: #D7D7D7;">封闭级相关参数</div>
                    <div style="height: 90%;width:245%;display: flex">
                      <div style="height: 100%;width:85%;">
                        <ul class="modal_text">
                          <li>计算接触应力(MPa)</li>
                          <li>许用接触应力(MPa)</li>
                          <li>计算弯曲应力(MPa)</li>
                          <li>许用弯曲应力(MPa)</li>
                          <li>节圆直径</li>
                          <li>基圆直径</li>
                          <li>啮合角(°)</li>
                          <li>基圆螺旋角(°)</li>
                          <li>相对转速(rpm)</li>
                          <li>绝对转速(rpm)</li>
                          <li>行星架转速(rpm)</li>
                          <li>切向载荷(N)</li>
                          <li>径向载荷(N)</li>
                          <li>轴向载荷(N)</li>
                        </ul>
                      </div>
                      <div style="height: 100%;width:80%;">
                        <ul class="modal_input">
                          <li><div class="modal_input2">外啮合</div></li>
                          <li>
                            <div class="modal_input1">太阳轮</div>
                            <div class="modal_input1">行星轮</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_H_fatigue_design_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_HG_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_HG_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_F_fatigue_design_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_FG_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_FG_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.tran_pitch_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.tran_pitch_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.tran_base_dia_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.tran_base_dia_p_external_2_x1}}</div>
                          </li>
                          <li><div class="modal_input2">{{ans.mesh_angle_external_2_x1}}</div></li>
                          <li><div class="modal_input2">{{ans.base_helix_angle_external_2_x1}}</div></li>

                          <li>
                            <div class="modal_input1">{{ans.n_s_2_rel}}</div>
                            <div class="modal_input1">{{ans.n_p_2_rel}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.n_s_2_abs}}</div>
                            <div class="modal_input1">{{ans.n_p_2_abs}}</div>
                          </li>
                          <li><div class="modal_input2">{{ans.n_carrier_2_abs}}</div></li>

                          <li><div class="modal_input2">{{ans.tangential_load_external_2_0}}</div></li>
                          <li><div class="modal_input2">{{ans.radial_load_external_2_0}}</div></li>
                          <li><div class="modal_input2">{{ans.axial_load_external_2_0}}</div></li>
                        </ul>
                      </div>
                      <div style="height: 100%;width:80%;">
                        <ul class="modal_input">
                          <li><div class="modal_input2">外啮合</div></li>
                          <li>
                            <div class="modal_input1">太阳轮</div>
                            <div class="modal_input1">行星轮</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_H_fatigue_design_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_H_fatigue_design_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_HG_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_HG_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_F_fatigue_design_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_F_fatigue_design_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.sigma_FG_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.sigma_FG_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.tran_pitch_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.tran_pitch_p_external_2_x1}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.tran_base_dia_s_2_x1}}</div>
                            <div class="modal_input1">{{ans.tran_base_dia_p_external_2_x1}}</div>
                          </li>
                          <li><div class="modal_input2">{{ans.mesh_angle_external_2_x1}}</div></li>
                          <li><div class="modal_input2">{{ans.base_helix_angle_external_2_x1}}</div></li>

                          <li>
                            <div class="modal_input1">{{ans.n_s_2_rel}}</div>
                            <div class="modal_input1">{{ans.n_p_2_rel}}</div>
                          </li>
                          <li>
                            <div class="modal_input1">{{ans.n_s_2_abs}}</div>
                            <div class="modal_input1">{{ans.n_p_2_abs}}</div>
                          </li>
                          <li><div class="modal_input2">{{ans.n_carrier_2_abs}}</div></li>

                          <li><div class="modal_input2">{{ans.tangential_load_external_2_0}}</div></li>
                          <li><div class="modal_input2">{{ans.radial_load_external_2_0}}</div></li>
                          <li><div class="modal_input2">{{ans.axial_load_external_2_0}}</div></li>
                        </ul>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
            </a-modal>
          </div>
        </a-col>

      </a-row>
    </div>

  </div>
</template>


<script>
import img1 from "@/assets/image/image-73-1.png";
import img2 from "@/assets/image/image-73-2.png";
import img3 from "@/assets/image/image-73-3.png";
import img4 from "@/assets/image/image-73-4.png";
import img5 from "@/assets/image/image-73-4.png";


import {star_differ_planet_design_last_sn} from "/src/api/file";
import {firedelete, firetext} from "@/api/file";
export default {
  created() {
    document.title='封闭差动（同齿圈输出）宏观参数设计及优化'
  },
  name: "star_differ_planet",
  data() {
    return {
      btn1:2,
      confirmLoading1: false,
      btn:{
        value1:1,
        value2:2,
        value3:3,
        value4:4
      },
      load_data:{id:'', torque:'', cycles:''},
      load_datas:[
        {id:'1', torque:'123', cycles:'456'},
        {id:'2', torque:'123', cycles:'456'},
        {id:'3', torque:'123', cycles:'456'},
        {id:'4', torque:'123', cycles:'456'},
      ],
      showimg:1,
      visible1:false,
      visible2:false,
      AisSelectActive:true,
      BisSelectActive:false,
      Acanshow:true,
      Bcanshow:false,
      img:{
        img1,
        img2,
        img3,
        img4,
        img5
      },
      form:{
        work_center_manual_1:55.5,
        work_center_manual_2:58,
        uuid:"",
        z_p_adjust_1:1,
        z_r_adjust_1:1,
        z_p_adjust_2:1,
        z_r_adjust_2:1,
        torque_static_input:100,
        n_input:2844.361,
        whether_rate_load:1,
        whether_torque:1,
        ratio_aim_1:6.92857,
        planet_number_1:3,
        z_s_1:14,
        load_share_factor_1:1,
        possion_s_1:0.3,
        possion_p_1:0.3,
        possion_r_1:0.3,
        E_s_1:206000,
        E_p_1:206000,
        E_r_1:206000,
        K_A_external_1:1,
        K_A_internal_1:1,
        K_A_external_s_1:1,
        K_A_internal_s_1:1,
        K_V_external_1:1.1,
        K_V_internal_1:1.1,
        K_Hb_external_1:1.3,
        K_Hb_internal_1:1.3,
        K_Ha_external_1:1.05,
        K_Ha_internal_1:1.05,
        K_Fb_external_1:1.3,
        K_Fb_internal_1:1.3,
        K_Fa_external_1:1.05,
        K_Fa_internal_1:1.05,
        S_H_fatigue:1.25,
        S_H_static:1,
        S_F_fatigue:1.56,
        S_F_static:1.4,
        Znt_Longlife:0.85,
        Ynt_Longlife:0.85,
        spectrum_torque_carrier_1:46410.9,
        power_rate_carrier_1:46410.9,
        spectrum_time_carrier_1:10000,
        material_type_s_1:1,
        material_type_p_1:1,
        material_type_r_1:1,
        switch_pitting:2,
        consider_Nc:2,
        consider_Long:2,
        normal_module_1:2,
        helix_angle_1:0,
        normal_modi_factor_s_1:0,
        press_angle_1:20,
        ad_factor_s_1:1,
        ad_factor_p_1:1,
        ad_factor_r_1:1,
        tip_factor_s_1:0.4,
        tip_factor_p_1:0.4,
        tip_factor_r_1:0.4,
        chamfer_dia_s_1:0,
        chamfer_dia_p_1:0,
        chamfer_dia_r_1:0,
        chamfer_angle_s_1:45,
        chamfer_angle_p_1:45,
        chamfer_angle_r_1:45,
        ad_cut_dia_s_1:0,
        ad_cut_dia_p_1:0,
        ad_cut_dia_r_1:0,
        ratio_width_diameter_max_1:0.65,
        auto_work_center_1:1,
        v_40:320,
        oil_type:1,
        R_z_flank_s_1:4.8,
        R_z_flank_p_1:4.8,
        R_z_flank_r_1:4.8,
        hardness_HB_s_1:621.3,
        hardness_HB_p_1:621.3,
        hardness_HB_r_1:621.3,
        sigma_Hlim_s_1:1500,
        sigma_Hlim_p_1:1500,
        sigma_Hlim_r_1:1500,
        radius_factor_s_1:0.3,
        radius_factor_p_1:0.3,
        radius_factor_r_1:0.2,
        undercut_s_1:0,
        undercut_p_1:0,
        undercut_r_1:0,
        R_z_root_s_1:19.2,
        R_z_root_p_1:19.2,
        R_z_root_r_1:19.2,
        sigma_s_s_1:785,
        sigma_s_p_1:785,
        sigma_s_r_1:785,
        sigma_Flim_s_1:1000,
        sigma_Flim_p_1:1000,
        sigma_Flim_r_1:1000,
        whether_single_rotation:1,
        SR_s_1:3.5,
        SR_p_1:3.5,
        SR_r_1:3.5,
        abundant_ring_rim_factor_1:5,
        ratio_aim_total:47.406,
        planet_number_2:4,
        z_s_2:19,
        load_share_factor_2:1,
        possion_s_2:0.3,
        possion_p_2:0.3,
        possion_r_2:0.3,
        E_s_2:206000,
        E_p_2:206000,
        E_r_2:206000,
        K_A_external_2:1,
        K_A_internal_2:1,
        K_A_external_s_2:1,
        K_A_internal_s_2:1,
        K_V_external_2:1.1,
        K_V_internal_2:1.1,
        K_Hb_external_2:1.3,
        K_Hb_internal_2:1.3,
        K_Ha_external_2:1.05,
        K_Ha_internal_2:1.05,
        K_Fb_external_2:1.3,
        K_Fb_internal_2:1.3,
        K_Fa_external_2:1.05,
        K_Fa_internal_2:1.05,
        material_type_s_2:1,
        material_type_p_2:1,
        material_type_r_2:1,
        normal_module_2:2,
        helix_angle_2:0,
        normal_modi_factor_s_2:0,
        press_angle_2:20,
        ad_factor_s_2:1,
        ad_factor_p_2:1,
        ad_factor_r_2:1,
        tip_factor_s_2:0.4,
        tip_factor_p_2:0.4,
        tip_factor_r_2:0.4,
        chamfer_dia_s_2:0,
        chamfer_dia_p_2:0,
        chamfer_dia_r_2:0,
        chamfer_angle_s_2:45,
        chamfer_angle_p_2:45,
        chamfer_angle_r_2:45,
        ad_cut_dia_s_2:0,
        ad_cut_dia_p_2:0,
        ad_cut_dia_r_2:0,
        ratio_width_diameter_max_2:0.73,
        auto_work_center_2:1,
        R_z_flank_s_2:4.8,
        R_z_flank_p_2:4.8,
        R_z_flank_r_2:4.8,
        hardness_HB_s_2:621.3,
        hardness_HB_p_2:621.3,
        hardness_HB_r_2:621.3,
        sigma_Hlim_s_2:1500,
        sigma_Hlim_p_2:1500,
        sigma_Hlim_r_2:1500,
        radius_factor_s_2:0.3,
        radius_factor_p_2:0.3,
        radius_factor_r_2:0.3,
        undercut_s_2:0,
        undercut_p_2:0,
        undercut_r_2:0,
        R_z_root_s_2:19.2,
        R_z_root_p_2:19.2,
        R_z_root_r_2:19.2,
        sigma_s_s_2:785,
        sigma_s_p_2:785,
        sigma_s_r_2:785,
        sigma_Flim_s_2:1000,
        sigma_Flim_p_2:1000,
        sigma_Flim_r_2:1000,
        SR_s_2:3.5,
        SR_p_2:3.5,
        SR_r_2:3.5,
        abundant_ring_rim_factor_2:5,
        thickness_reduction_s_1:0,
        thickness_reduction_p_1:0,
        thickness_reduction_r_1:0,
        tooth_thickness_tolerance_s_1:0,
        tooth_thickness_tolerance_p_1:0,
        tooth_thickness_tolerance_r_1:0,
        thickness_reduction_s_2:0,
        thickness_reduction_p_2:0,
        thickness_reduction_r_2:0,
        tooth_thickness_tolerance_s_2:0,
        tooth_thickness_tolerance_p_2:0,
        tooth_thickness_tolerance_r_2:0,
        bend_strength_thickness_s_1:1,
        bend_strength_thickness_p_1:1,
        bend_strength_thickness_r_1:1,
        bend_strength_thickness_s_2:1,
        bend_strength_thickness_p_2:1,
        bend_strength_thickness_r_2:1,
        auto_cutter_1:2,
        auto_cutter_2:2,
        spectrum_torque_input_s:1,
        power_rate_input_s:1,
        spectrum_time_input_s:1,
        cutter_shift_coefficient_1_s:0,
        z_cutter_1_s:39,
        cutter_shift_coefficient_2_s:0,
        z_cutter_2_s:39,
      },
      form2:{
        uuids:[]
      },
      ans:{
        power_distribution_1: "Text",
        thickness_reduction_last_s_1:"Text",
        thickness_reduction_last_p_1:"Text",
        thickness_reduction_last_r_1:"Text",
        thickness_reduction_last_s_2:"Text",
        thickness_reduction_last_p_2:"Text",
        thickness_reduction_last_r_2:"Text",
        max_dia_bearing_outer_1:"Text",
        max_dia_bearing_outer_2:"Text",
        ratio_width_diameter_s_1:"Text",
        ratio_width_diameter_p_1:"Text",
        ratio_width_diameter_r_1:"Text",
        tran_refer_dia_s_1: "Text",
        tran_refer_dia_p_1: "Text",
        tran_refer_dia_r_1: "Text",
        center_refer_strength_1:"Text",
        max_dia_refer_strength_1:"Text",
        z_r_change_1:"Text",
        z_r_change_2:"Text",
        normal_module_refer_1:"Text",
        z_s_refer_1: "Text",
        z_p_refer_1:"Text",
        z_r_refer_1:"Text",
        z_p_1:"Text",
        z_r_1:"Text",
        ratio_design_1: "Text",
        ratio_different_1: "Text",
        effect_width_1: "Text",
        standard_center_external_1:"Text",
        standard_center_internal_1:"Text",
        work_center_1_1:"Text",
        normal_modi_factor_p_1:"Text",
        normal_modi_factor_r_1:"Text",
        normal_modi_factor_s:"Text",
        //normal_modi_factor_p:"Text",
        slip_s_external_1: "Text",
        slip_p_external_1: "Text",
        slip_p_internal_1: "Text",
        slip_r_internal_1: "Text",
        normal_width_tip_factor_s_sn_1: "Text",
        normal_width_tip_factor_p_sn_1: "Text",
        normal_width_tip_factor_r_sn_1: "Text",
        axial_contact_ratio_external_1: "Text",
        axial_contact_ratio_internal_1:"Text",
        tran_contact_ratio_external_1:"Text",
        tran_contact_ratio_internal_1 :"Text",
        total_contact_ratio_external_1: "Text",
        total_contact_ratio_internal_1: "Text",
        abundant_H_fatigue_s_external_1: "Text",
        abundant_H_fatigue_p_external_1: "Text",
        abundant_H_fatigue_p_internal_1: "Text",
        abundant_H_fatigue_r_internal_1:"Text",
        abundant_F_fatigue_s_external_1: "Text",
        abundant_F_fatigue_p_external_1:"Text",
        abundant_F_fatigue_p_internal_1: "Text",
        abundant_F_fatigue_r_internal_1: "Text",
        abundant_H_static_s_external_1: "Text",
        abundant_H_static_p_external_1: "Text",
        abundant_H_static_p_internal_1 :"Text",
        abundant_H_static_r_internal_1: "Text",
        abundant_F_static_s_external_1: "Text",
        abundant_F_static_p_external_1: "Text",
        abundant_F_static_r_internal_1: "Text",
        clearance_planet_factor_1: "Text",
        max_dia_ring_design_1: "Text",
        tran_practice_ad_dia_s_1 :"Text",
        tran_practice_ad_dia_p_1: "Text",
        tran_practice_ad_dia_r_1: "Text",
        tran_de_dia_s_1: "Text",
        tran_de_dia_p_1: "Text",
        tran_de_dia_r_1: "Text",
        v_pitch_external_1: "Text",
        v_pitch_internal_1: "Text",
        ratio_aim_2: "Text",
        ratio_different_total: "Text",
        ratio_width_diameter_s_2: "Text",
        ratio_width_diameter_p_2: "Text",
        ratio_width_diameter_r_2: "Text",
        tran_refer_dia_s_2: "Text",
        tran_refer_dia_p_2: "Text",
        tran_refer_dia_r_2: "Text",
        center_refer_strength_2: "Text",
        max_dia_refer_strength_2: "Text",
        normal_module_refer_2: "Text",
        z_s_refer_2: "Text",
        z_p_refer_2: "Text",
        z_r_refer_2: "Text",
        z_p_2: "Text",
        z_r_2: "Text",
        ratio_design_2: "Text",
        ratio_different_2: "Text",
        effect_width_2: "Text",
        standard_center_external_2: "Text",
        standard_center_internal_2: "Text",
        work_center_1_2: "Text",
        normal_modi_factor_p_2: "Text",
        normal_modi_factor_r_2: "Text",
        normal_modi_factor_p: "Text",
        normal_modi_factor_r: "Text",
        slip_s_external_2: "Text",
        slip_p_external_2: "Text",
        slip_p_internal_2: "Text",
        slip_r_internal_2: "Text",
        normal_width_tip_factor_s_sn_2: "Text",
        normal_width_tip_factor_p_sn_2: "Text",
        normal_width_tip_factor_r_sn_2: "Text",
        axial_contact_ratio_external_2: "Text",
        axial_contact_ratio_internal_2: "Text",
        tran_contact_ratio_external_2: "Text",
        tran_contact_ratio_internal_2: "Text",
        total_contact_ratio_external_2: "Text",
        total_contact_ratio_internal_2: "Text",
        abundant_H_fatigue_s_external_2: "Text",
        abundant_H_fatigue_p_external_2: "Text",
        abundant_H_fatigue_p_internal_2 :"Text",
        abundant_H_fatigue_r_internal_2: "Text",
        abundant_F_fatigue_s_external_2: "Text",
        abundant_F_fatigue_p_external_2: "Text",
        abundant_F_fatigue_p_internal_2 :"Text",
        abundant_F_fatigue_r_internal_2: "Text",
        abundant_H_static_s_external_2: "Text",
        abundant_H_static_p_external_2: "Text",
        abundant_H_static_p_internal_2: "Text",
        abundant_H_static_r_internal_2: "Text",
        abundant_F_static_s_external_2: "Text",
        abundant_F_static_p_external_2: "Text",
        abundant_F_static_r_internal_2: "Text",
        clearance_planet_factor_2: "Text",
        max_dia_ring_design_2: "Text",
        tran_practice_ad_dia_s_2: "Text",
        tran_practice_ad_dia_p_2: "Text",
        tran_practice_ad_dia_r_2: "Text",
        tran_de_dia_s_2: "Text",
        tran_de_dia_p_2: "Text",
        tran_de_dia_r_2: "Text",
        v_pitch_external_2: "Text",
        v_pitch_internal_2: "Text",
        shuzu:"Text",
        //相关参数
        sigma_H_fatigue_design_s_1_x1:"Text",
        sigma_H_fatigue_design_p_external_1_x1:"Text",
        sigma_H_fatigue_design_p_internal_1_x1:"Text",
        sigma_H_fatigue_design_r_1_x1:"Text",
        sigma_HG_s_1_x1:"Text",
        sigma_HG_p_external_1_x1:"Text",
        sigma_HG_p_internal_1_x1:"Text",
        sigma_HG_r_1_x1:"Text",
        sigma_F_fatigue_design_s_1_x1:"Text",
        sigma_F_fatigue_design_p_external_1_x1:"Text",
        sigma_F_fatigue_design_p_internal_1_x1:"Text",
        sigma_F_fatigue_design_r_1_x1:"Text",
        sigma_FG_s_1_x1:"Text",
        sigma_FG_p_external_1_x1:"Text",
        sigma_FG_p_internal_1_x1:"Text",
        sigma_FG_r_1_x1:"Text",

        tran_pitch_s_1_x1:"Text",
        tran_pitch_p_external_1_x1:"Text",
        tran_pitch_p_internal_1_x1:"Text",
        tran_pitch_r_1_x1:"Text",
        tran_base_dia_s_1_x1:"Text",
        tran_base_dia_p_external_1_x1:"Text",
        tran_base_dia_p_internal_1_x1:"Text",
        tran_base_dia_r_1_x1:"Text",
        mesh_angle_external_1_x1:"Text",
        mesh_angle_internal_1_x1:"Text",
        base_helix_angle_external_1_x1:"Text",
        base_helix_angle_internal_1_x1:"Text",
        n_s_1_rel:"Text",
        n_p_1_rel:"Text",
        n_r_1_rel:"Text",
        n_s_1_abs:"Text",
        n_p_1_abs:"Text",
        n_r_1_abs:"Text",
        n_carrier_1_abs:"Text",
        tangential_load_external_1_0:"Text",
        tangential_load_internal_1_0:"Text",
        radial_load_external_1_0:"Text",
        radial_load_internal_1_0:"Text",
        axial_load_external_1_0:"Text",
        axial_load_internal_1_0:"Text",

        sigma_H_fatigue_design_s_2_x1:"Text",
        sigma_H_fatigue_design_p_external_2_x1:"Text",
        sigma_H_fatigue_design_p_internal_2_x1:"Text",
        sigma_H_fatigue_design_r_2_x1:"Text",
        sigma_HG_s_2_x1:"Text",
        sigma_HG_p_external_2_x1:"Text",
        sigma_HG_p_internal_2_x1:"Text",
        sigma_HG_r_2_x1:"Text",
        sigma_F_fatigue_design_s_2_x1:"Text",
        sigma_F_fatigue_design_p_external_2_x1:"Text",
        sigma_F_fatigue_design_p_internal_2_x1:"Text",
        sigma_F_fatigue_design_r_2_x1:"Text",
        sigma_FG_s_2_x1:"Text",
        sigma_FG_p_external_2_x1:"Text",
        sigma_FG_p_internal_2_x1:"Text",
        sigma_FG_r_2_x1:"Text",

        tran_pitch_s_2_x1:"Text",
        tran_pitch_p_external_2_x1:"Text",
        tran_pitch_p_internal_2_x1:"Text",
        tran_pitch_r_2_x1:"Text",
        tran_base_dia_s_2_x1:"Text",
        tran_base_dia_p_external_2_x1:"Text",
        tran_base_dia_p_internal_2_x1:"Text",
        tran_base_dia_r_2_x1:"Text",
        mesh_angle_external_2_x1:"Text",
        mesh_angle_internal_2_x1:"Text",
        base_helix_angle_external_2_x1:"Text",
        base_helix_angle_internal_2_x1:"Text",
        n_s_2_rel:"Text",
        n_p_2_rel:"Text",
        n_r_2_rel:"Text",
        n_s_2_abs:"Text",
        n_p_2_abs:"Text",
        n_r_2_abs:"Text",
        n_carrier_2_abs:"Text",
        tangential_load_external_2_0:"Text",
        tangential_load_internal_2_0:"Text",
        radial_load_external_2_0:"Text",
        radial_load_internal_2_0:"Text",
        axial_load_external_2_0:"Text",
        axial_load_internal_2_0:"Text",

      }
    };
  },
  mounted(){
    //绑定页面退出事件
    window.onbeforeunload= (e)=>{
      e = e || window.event;
      if (e) {
        e.returnValue = '关闭提示';
      }
      this.delete()//调用自己的方法
      // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
      return '关闭提示';
    };

  },
  methods:{
    customRequest(data){
      const formData = new FormData()
      formData.append( 'fileName' , data.file)
      firetext(formData)
          .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res)
            this.spectrum=res.data.filedata;
            this.form.uuid=res.data.uuid;
            this.form2.uuids.push(res.data.uuid);
          })
          .catch(error => {
            console.log(error);
          });
    },
    //同步请求删除载荷谱数组的方法
    async delete(){
      this.form2.uuids=this.form2.uuids.toString();//将载荷谱文件数组转成字符串
      await firedelete(this.form2).then(res => {
        console.log(res);
      })
    },
    showModal1(a){
      if(a==1){
        this.showimg=1;
      }else if(a==2){
        this.showimg=2;
      }else if(a==3){
        this.showimg=3;
      }else if(a==4){
        this.showimg=4;
      }
      this.visible1=true;
    },
    handleOk1(){
      this.visible1=false;
    },
    handleCancel1(){
      this.visible1=false;
    },
    showModal2(){
      this.visible2=true;
    },
    handleOk2(){
      this.visible2=false;
    },
    handleCancel2(){
      this.visible2=false;
    },
    showModal3(){
      this.visible1 = true;
    },
    select(){
      this.AisSelectActive=!this.AisSelectActive;
      this.BisSelectActive=!this.BisSelectActive;
      this.Bcanshow=!this.Bcanshow;
      this.Acanshow=!this.Acanshow;
    },
    calculation(){
      this.form.power_rate_w_1=this.form.spectrum_torque_w_1;
      //这个括号里面可以传参，一般就是传你this.form的内容
      star_differ_planet_design_last_sn(this.form)
          .then(res => {//这里需要用箭头函数，如果不用箭头函数里面的this就不是外面那个this
            console.log(res);
            this.ans.thickness_reduction_last_s_1=res.result[0];
            this.ans.thickness_reduction_last_p_1=res.result[1];
            this.ans.thickness_reduction_last_r_1=res.result[2];
            this.ans.thickness_reduction_last_s_2=res.result[3];
            this.ans.thickness_reduction_last_p_2=res.result[4];
            this.ans.thickness_reduction_last_r_2=res.result[5];
            this.ans.power_distribution_1=res.result[6];
            this.ans.ratio_different_total=res.result[7];
            this.ans.z_r_change_1=res.result[8];
            this.ans.z_p_1=res.result[9];
            this.ans.z_r_change_2=res.result[10];
            this.ans.z_p_2=res.result[11];
            this.ans.ratio_width_diameter_s_1=res.result[12];
            this.ans.ratio_width_diameter_p_1=res.result[13];
            this.ans.ratio_width_diameter_r_1=res.result[14];
            this.ans.tran_refer_dia_s_1=res.result[15];
            this.ans.tran_refer_dia_p_1=res.result[16];
            this.ans.tran_refer_dia_r_1=res.result[17];
            this.ans.ratio_design_1=res.result[18];
            this.ans.effect_width_1=res.result[19];
            this.ans.normal_modi_factor_p_1=res.result[20];
            this.ans.normal_modi_factor_r_1=res.result[21];
            this.ans.clearance_planet_factor_1=res.result[22];
            this.ans.work_center_1_1=res.result[23];
            this.ans.max_dia_ring_design_1=res.result[24];
            this.ans.sigma_FG_s_1=res.result[25];
            this.ans.sigma_FG_p_external_1=res.result[26];
            this.ans.sigma_FG_p_internal_1=res.result[27];
            this.ans.sigma_FG_r_1=res.result[28];
            this.ans.Y_helix_s_1=res.result[29];
            this.ans.Y_f_s_1=res.result[30];
            this.ans.Y_s_s_1=res.result[31];
            this.ans.Y_helix_p_external_1=res.result[32];
            this.ans.Y_f_p_external_1=res.result[33];
            this.ans.Y_s_p_external_1=res.result[34];
            this.ans.Y_radius_sensitivity_s_1=res.result[35];
            this.ans.Y_roughness_s_1=res.result[36];
            this.ans.Y_x_s_1=res.result[37];
            this.ans.Y_radius_sensitivity_p_external_1=res.result[38];
            this.ans.Y_roughness_p_external_1=res.result[39];
            this.ans.Y_x_p_external_1=res.result[40];
            this.ans.Y_radius_sensitivity_static_p_external_1=res.result[41];
            this.ans.Ynt_s_1=res.result[42];
            this.ans.Ynt_p_external_1=res.result[43];
            this.ans.bending_stress_modi_s_1=res.result[44];
            this.ans.Y_helix_p_internal_1=res.result[45];
            this.ans.Y_f_p_internal_1=res.result[46];
            this.ans.Y_s_p_internal_1=res.result[47];
            this.ans.Y_helix_r_1=res.result[48];
            this.ans.Y_f_r_1=res.result[49];
            this.ans.Y_s_r_1=res.result[50];
            this.ans.Y_radius_sensitivity_p_internal_1=res.result[51];
            this.ans.Y_roughness_p_internal_1=res.result[52];
            this.ans.Y_x_p_internal_1=res.result[53];
            this.ans.Y_radius_sensitivity_r_1=res.result[54];
            this.ans.Y_roughness_r_1=res.result[55];
            this.ans.Y_x_r_1=res.result[56];
            this.ans.Ynt_p_internal_1=res.result[57];
            this.ans.Ynt_r_1=res.result[58];
            this.ans.bending_stress_modi_r_1=res.result[59];
            this.ans.torque_contact_design_fatigue_s_1=res.result[60];
            this.ans.number_contact_design_fatigue_s_1=res.result[61];
            this.ans.torque_contact_design_fatigue_p_external_1=res.result[62];
            this.ans.number_contact_design_fatigue_p_external_1=res.result[63];
            this.ans.number_bending_design_fatigue_s_1=res.result[64];
            this.ans.number_bending_design_fatigue_p_external_1=res.result[65];
            this.ans.torque_bending_design_fatigue_s_1=res.result[66];
            this.ans.torque_bending_design_fatigue_p_external_1=res.result[67];
            this.ans.torque_contact_design_fatigue_p_internal_1=res.result[68];
            this.ans.number_contact_design_fatigue_p_internal_1=res.result[69];
            this.ans.torque_contact_design_fatigue_r_1=res.result[70];
            this.ans.number_contact_design_fatigue_r_1=res.result[71];
            this.ans.number_bending_design_fatigue_p_internal_1=res.result[72];
            this.ans.number_bending_design_fatigue_r_1=res.result[73];
            this.ans.torque_bending_design_fatigue_p_internal_1=res.result[74];
            this.ans.torque_bending_design_fatigue_r_1=res.result[75];
            this.ans.normal_width_tip_factor_p_1=res.result[76];
            this.ans.tran_de_dia_p_1=res.result[77];
            this.ans.ratio_different_1=res.result[78];
            this.ans.center_refer_strength_1=res.result[79];
            this.ans.max_dia_refer_strength_1=res.result[80];
            this.ans.normal_module_refer_1=res.result[81];
            this.ans.z_s_refer_1=res.result[82];
            this.ans.z_p_refer_1=res.result[83];
            this.ans.z_r_refer_1=res.result[84];
            this.ans.tran_practice_ad_dia_s_1=res.result[85];
            this.ans.tran_practice_ad_dia_p_1=res.result[86];
            this.ans.standard_center_external_1=res.result[87];
            this.ans.v_pitch_external_1=res.result[88];
            this.ans.abundant_H_fatigue_s_external_1=res.result[89];
            this.ans.abundant_H_fatigue_p_external_1=res.result[90];
            this.ans.abundant_H_static_s_external_1=res.result[91];
            this.ans.abundant_H_static_p_external_1=res.result[92];
            this.ans.tran_de_dia_s_1=res.result[93];
            this.ans.abundant_F_fatigue_s_external_1=res.result[94];
            this.ans.abundant_F_fatigue_p_external_1=res.result[95];
            this.ans.abundant_F_static_s_external_1=res.result[96];
            this.ans.abundant_F_static_p_external_1=res.result[97];
            this.ans.normal_width_tip_factor_s_1=res.result[98];
            this.ans.slip_s_external_1=res.result[99];
            this.ans.slip_p_external_1=res.result[100];
            this.ans.total_contact_ratio_external_1=res.result[101];
            this.ans.tran_contact_ratio_external_1=res.result[102];
            this.ans.axial_contact_ratio_external_1=res.result[103];
            this.ans.standard_center_internal_1=res.result[104];
            this.ans.v_pitch_internal_1=res.result[105];
            this.ans.tran_practice_ad_dia_r_1=res.result[106];
            this.ans.abundant_H_fatigue_p_internal_1=res.result[107];
            this.ans.abundant_H_fatigue_r_internal_1=res.result[108];
            this.ans.abundant_H_static_p_internal_1=res.result[109];
            this.ans.abundant_H_static_r_internal_1=res.result[110];
            this.ans.abundant_F_fatigue_p_internal_1=res.result[111];
            this.ans.abundant_F_fatigue_r_internal_1=res.result[112];
            this.ans.abundant_F_static_p_internal_1=res.result[113];
            this.ans.abundant_F_static_r_internal_1=res.result[114];
            this.ans.tran_de_dia_r_1=res.result[115];
            this.ans.normal_width_tip_factor_r_1=res.result[116];
            this.ans.slip_p_internal_1=res.result[117];
            this.ans.slip_r_internal_1=res.result[118];
            this.ans.total_contact_ratio_internal_1=res.result[119];
            this.ans.tran_contact_ratio_internal_1=res.result[120];
            this.ans.axial_contact_ratio_internal_1=res.result[121];
            this.ans.ratio_width_diameter_s_2=res.result[122];
            this.ans.ratio_width_diameter_p_2=res.result[123];
            this.ans.ratio_width_diameter_r_2=res.result[124];
            this.ans.tran_refer_dia_s_2=res.result[125];
            this.ans.tran_refer_dia_p_2=res.result[126];
            this.ans.tran_refer_dia_r_2=res.result[127];
            this.ans.ratio_design_2=res.result[128];
            this.ans.effect_width_2=res.result[129];
            this.ans.normal_modi_factor_p_2=res.result[130];
            this.ans.normal_modi_factor_r_2=res.result[131];
            this.ans.clearance_planet_factor_2=res.result[132];
            this.ans.work_center_1_2=res.result[133];
            this.ans.max_dia_ring_design_2=res.result[134];
            this.ans.sigma_FG_s_2=res.result[135];
            this.ans.sigma_FG_p_external_2=res.result[136];
            this.ans.sigma_FG_p_internal_2=res.result[137];
            this.ans.sigma_FG_r_2=res.result[138];
            this.ans.Y_helix_s_2=res.result[139];
            this.ans.Y_f_s_2=res.result[140];
            this.ans.Y_s_s_2=res.result[141];
            this.ans.Y_helix_p_external_2=res.result[142];
            this.ans.Y_f_p_external_2=res.result[143];
            this.ans.Y_s_p_external_2=res.result[144];
            this.ans.Y_radius_sensitivity_s_2=res.result[145];
            this.ans.Y_roughness_s_2=res.result[146];
            this.ans.Y_x_s_2=res.result[147];
            this.ans.Y_radius_sensitivity_p_external_2=res.result[148];
            this.ans.Y_roughness_p_external_2=res.result[149];
            this.ans.Y_x_p_external_2=res.result[150];
            this.ans.Y_radius_sensitivity_static_p_external_2=res.result[151];
            this.ans.Ynt_s_2=res.result[152];
            this.ans.Ynt_p_external_2=res.result[153];
            this.ans.bending_stress_modi_s_2=res.result[154];
            this.ans.Y_helix_p_internal_2=res.result[155];
            this.ans.Y_f_p_internal_2=res.result[156];
            this.ans.Y_s_p_internal_2=res.result[157];
            this.ans.Y_helix_r_2=res.result[158];
            this.ans.Y_f_r_2=res.result[159];
            this.ans.Y_s_r_2=res.result[160];
            this.ans.Y_radius_sensitivity_p_internal_2=res.result[161];
            this.ans.Y_roughness_p_internal_2=res.shuzu[0][1];
            this.ans.Y_x_p_internal_2=res.shuzu[0][2];
            this.ans.Y_radius_sensitivity_r_2=res.shuzu[0][3];
            this.ans.Y_x_r_2=res.shuzu[0][5];
            this.ans.Ynt_p_internal_2=res.shuzu[0][6];
            this.ans.Ynt_r_2=res.shuzu[0][7];
            this.ans.bending_stress_modi_r_2=res.shuzu[0][8];
            this.ans.torque_contact_design_fatigue_s_2=res.shuzu[0][9];
            this.ans.number_contact_design_fatigue_s_2=res.shuzu[0][10];
            this.ans.torque_contact_design_fatigue_p_external_2=res.shuzu[0][11];
            this.ans.number_contact_design_fatigue_p_external_2=res.shuzu[0][12];
            this.ans.number_bending_design_fatigue_s_2=res.shuzu[0][13];
            this.ans.number_bending_design_fatigue_p_external_2=res.shuzu[0][14];
            this.ans.torque_bending_design_fatigue_s_2=res.shuzu[0][15];
            this.ans.torque_bending_design_fatigue_p_external_2=res.shuzu[0][16];
            this.ans.torque_contact_design_fatigue_p_internal_2=res.shuzu[0][17];
            this.ans.number_contact_design_fatigue_p_internal_2=res.shuzu[0][18];
            this.ans.torque_contact_design_fatigue_r_2=res.shuzu[0][19];
            this.ans.number_contact_design_fatigue_r_2=res.shuzu[0][20];
            this.ans.number_bending_design_fatigue_p_internal_2=res.shuzu[0][21];
            this.ans.number_bending_design_fatigue_r_2=res.shuzu[0][22];
            this.ans.torque_bending_design_fatigue_p_internal_2=res.shuzu[0][23];
            this.ans.torque_bending_design_fatigue_r_2=res.shuzu[0][24];
            this.ans.normal_width_tip_factor_p_2=res.shuzu[0][25];
            this.ans.tran_de_dia_p_2=res.shuzu[0][26];
            this.ans.ratio_different_2=res.shuzu[0][27];
            this.ans.center_refer_strength_2=res.shuzu[0][28];
            this.ans.max_dia_refer_strength_2=res.shuzu[0][30];
            this.ans.normal_module_refer_2=res.shuzu[0][31];
            this.ans.z_s_refer_2=res.shuzu[0][32];
            this.ans.z_p_refer_2=res.shuzu[0][33];
            this.ans.z_r_refer_2=res.shuzu[0][34];
            this.ans.tran_practice_ad_dia_s_2=res.shuzu[0][35];
            this.ans.tran_practice_ad_dia_p_2=res.shuzu[0][36];
            this.ans.standard_center_external_2=res.shuzu[0][37];
            this.ans.v_pitch_external_2=res.shuzu[0][38];
            this.ans.abundant_H_fatigue_s_external_2=res.shuzu[0][39];
            this.ans.abundant_H_fatigue_p_external_2=res.shuzu[0][40];
            this.ans.abundant_H_static_s_external_2=res.shuzu[0][41];
            this.ans.abundant_H_static_p_external_2=res.shuzu[0][42];
            this.ans.tran_de_dia_s_2=res.shuzu[0][43];
            this.ans.abundant_F_fatigue_s_external_2=res.shuzu[0][44];
            this.ans.abundant_F_fatigue_p_external_2=res.shuzu[0][45];
            this.ans.abundant_F_static_s_external_2=res.shuzu[0][46];
            this.ans.abundant_F_static_p_external_2=res.shuzu[0][47];
            this.ans.normal_width_tip_factor_s_2=res.shuzu[0][48];
            this.ans.slip_s_external_2=res.shuzu[0][49];
            this.ans.slip_p_external_2=res.shuzu[0][50];
            this.ans.total_contact_ratio_external_2=res.shuzu[0][51];
            this.ans.tran_contact_ratio_external_2=res.shuzu[0][52];
            this.ans.axial_contact_ratio_external_2=res.shuzu[0][53];
            this.ans.standard_center_internal_2=res.shuzu[0][54];
            this.ans.standard_center_internal_2=res.shuzu[0][55];
            this.ans.tran_practice_ad_dia_r_2=res.shuzu[0][56];
            this.ans.abundant_H_fatigue_p_internal_2=res.shuzu[0][57];
            this.ans.abundant_H_fatigue_r_internal_2=res.shuzu[0][58];
            this.ans.abundant_H_static_p_internal_2=res.shuzu[0][59];
            this.ans.abundant_H_static_r_internal_2=res.shuzu[0][60];
            this.ans.abundant_F_fatigue_p_internal_2=res.shuzu[0][61];
            this.ans.abundant_F_fatigue_r_internal_2=res.shuzu[0][62];
            this.ans.abundant_F_static_p_internal_2=res.shuzu[0][63];
            this.ans.abundant_F_static_r_internal_2=res.shuzu[0][64];
            this.ans.tran_de_dia_r_2=res.shuzu[0][65];
            this.ans.normal_width_tip_factor_r_2=res.shuzu[0][66];
            this.ans.slip_p_internal_2=res.shuzu[0][67];
            this.ans.slip_r_internal_2=res.shuzu[0][68];
            this.ans.total_contact_ratio_internal_2=res.shuzu[0][69];
            this.ans.tran_contact_ratio_internal_2=res.shuzu[0][70];
            this.ans.axial_contact_ratio_internal_2=res.shuzu[0][71];

            //相关参数
            this.ans.sigma_H_fatigue_design_s_1_x1=res[0];
            this.ans.sigma_H_fatigue_design_p_external_1_x1=res[0];
            this.ans.sigma_H_fatigue_design_p_internal_1_x1=res[0];
            this.ans.sigma_H_fatigue_design_r_1_x1=res[0];
            this.ans.sigma_HG_s_1_x1=res[0];
            this.ans.sigma_HG_p_external_1_x1=res[0];
            this.ans.sigma_HG_p_internal_1_x1=res[0];
            this.ans.sigma_HG_r_1_x1=res[0];
            this.ans.sigma_F_fatigue_design_s_1_x1=res[0];
            this.ans.sigma_F_fatigue_design_p_external_1_x1=res[0];
            this.ans.sigma_F_fatigue_design_p_internal_1_x1=res[0];
            this.ans.sigma_F_fatigue_design_r_1_x1=res[0];
            this.ans.sigma_FG_s_1_x1=res[0];
            this.ans.sigma_FG_p_external_1_x1=res[0];
            this.ans.sigma_FG_p_internal_1_x1=res[0];
            this.ans.sigma_FG_r_1_x1=res[0];

            this.ans.tran_pitch_s_1_x1=res[0];
            this.ans.tran_pitch_p_external_1_x1=res[0];
            this.ans.tran_pitch_p_internal_1_x1=res[0];
            this.ans.tran_pitch_r_1_x1=res[0];
            this.ans.tran_base_dia_s_1_x1=res[0];
            this.ans.tran_base_dia_p_external_1_x1=res[0];
            this.ans.tran_base_dia_p_internal_1_x1=res[0];
            this.ans.tran_base_dia_r_1_x1=res[0];
            this.ans.mesh_angle_external_1_x1=res[0];
            this.ans.mesh_angle_internal_1_x1=res[0];
            this.ans.base_helix_angle_external_1_x1=res[0];
            this.ans.base_helix_angle_internal_1_x1=res[0];
            this.ans.n_s_1_rel=res[0];
            this.ans.n_p_1_rel=res[0];
            this.ans.n_r_1_rel=res[0];
            this.ans.n_s_1_abs=res[0];
            this.ans.n_p_1_abs=res[0];
            this.ans.n_r_1_abs=res[0];
            this.ans.n_carrier_1_abs=res[0];
            this.ans.tangential_load_external_1_0=res[0];
            this.ans.tangential_load_internal_1_0=res[0];
            this.ans.radial_load_external_1_0=res[0];
            this.ans.radial_load_internal_1_0=res[0];
            this.ans.axial_load_external_1_0=res[0];
            this.ans.axial_load_internal_1_0=res[0];

            this.ans.sigma_H_fatigue_design_s_2_x1=res[0];
            this.ans.sigma_H_fatigue_design_p_external_2_x1=res[0];
            this.ans.sigma_H_fatigue_design_p_internal_2_x1=res[0];
            this.ans.sigma_H_fatigue_design_r_2_x1=res[0];
            this.ans.sigma_HG_s_2_x1=res[0];
            this.ans.sigma_HG_p_external_2_x1=res[0];
            this.ans.sigma_HG_p_internal_2_x1=res[0];
            this.ans.sigma_HG_r_2_x1=res[0];
            this.ans.sigma_F_fatigue_design_s_2_x1=res[0];
            this.ans.sigma_F_fatigue_design_p_external_2_x1=res[0];
            this.ans.sigma_F_fatigue_design_p_internal_2_x1=res[0];
            this.ans.sigma_F_fatigue_design_r_2_x1=res[0];
            this.ans.sigma_FG_s_2_x1=res[0];
            this.ans.sigma_FG_p_external_2_x1=res[0];
            this.ans.sigma_FG_p_internal_2_x1=res[0];
            this.ans.sigma_FG_r_2_x1=res[0];

            this.ans.tran_pitch_s_2_x1=res[0];
            this.ans.tran_pitch_p_external_2_x1=res[0];
            this.ans.tran_pitch_p_internal_2_x1=res[0];
            this.ans.tran_pitch_r_2_x1=res[0];
            this.ans.tran_base_dia_s_2_x1=res[0];
            this.ans.tran_base_dia_p_external_2_x1=res[0];
            this.ans.tran_base_dia_p_internal_2_x1=res[0];
            this.ans.tran_base_dia_r_2_x1=res[0];
            this.ans.mesh_angle_external_2_x1=res[0];
            this.ans.mesh_angle_internal_2_x1=res[0];
            this.ans.base_helix_angle_external_2_x1=res[0];
            this.ans.base_helix_angle_internal_2_x1=res[0];
            this.ans.n_s_2_rel=res[0];
            this.ans.n_p_2_rel=res[0];
            this.ans.n_r_2_rel=res[0];
            this.ans.n_s_2_abs=res[0];
            this.ans.n_p_2_abs=res[0];
            this.ans.n_r_2_abs=res[0];
            this.ans.n_carrier_2_abs=res[0];
            this.ans.tangential_load_external_2_0=res[0];
            this.ans.tangential_load_internal_2_0=res[0];
            this.ans.radial_load_external_2_0=res[0];
            this.ans.radial_load_internal_2_0=res[0];
            this.ans.axial_load_external_2_0=res[0];
            this.ans.axial_load_internal_2_0=res[0];


            //你也可以不检验，这个状态码一般是检验后端数据有没有异常，res就是返回结果的整个大的对象
            /*     if (res.code === 200) {
                   console.log(res.data);
                   //然后再把这里面的数据放到你绑定的对象动态改变值即可
                   ans = res.data;
                 }*/
          })
          .catch(error => {
            console.log(error);
          });
    },

  }
};
</script>


<style scoped>
.parameter,.design{
  position: absolute;
  left: 0;
  top: 3%;
  width: 98%;
  height: 120%;
  margin-left:1%;
  color: #333333;
}
.design{
  /*默认显示基本参数界面*/
  left: 100%;
}
.a,.b{
  display: block;
  float: left;
  height: 3%;
  color: rgb(51,51,51);
  background-color: rgb(240,240,240);
  border: 1px solid #D7D7D7;
  outline: none;
  line-height: 1.2;
  font-size: 13px;
}
.select_active{
  background-color: #D7D7D7;
  color: #333333;
}
.B_show{
  left: 0;
}
.left_top_text
{
  width: 100%;
  height: 100%;
  text-align: right;
  margin-top: 9.5%;
}
.left_top_input
{
  width: 100%;
  height: 100%;
  margin-top: 10%;
  margin-left: 10%;
}
.left_top_input li
{
  width: 100%;
  height: 12%;
}
.left_top_input input
{
  width: 50%;
  height: 90%;
}
.left_top_input select
{
  width: 50%;
  height: 90%;
}
.left_middle_text
{
  width: 100%;
  height: 30%;
  margin-top: 59%;
  text-align: right;
}
.left_middle_input
{
  width: 100%;
  height: 30%;
  margin-top: 58%;
  margin-left: 10%;
}
.left_middle_input li
{
  width: 100%;
  height: 40%;
}
.left_middle_input input
{
  width: 50%;
  height: 90%;
}
.left_middle_input select
{
  width: 50%;
  height: 90%;
}
.middle
{
  width: 96%;
  height: 110%;
  position: relative;
  margin-left: 2%;
}
.middle_top
{
  width: 96%;
  height:24.5%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.5%;
  margin-left: 2%;
}
.middle_top_left
{
  position: absolute;
  width: 35%;
  height: 100%;
  left: 0;
}
.middle_top_right1
{
  position: absolute;
  width: 27%;
  height: 100%;
  left: 35%;
}
.middle_top_right2
{
  position: absolute;
  width: 27%;
  height: 100%;
  right: 19%;
}
.middle_top_right3
{
  position: absolute;
  width: 27%;
  height: 100%;
  right: 0;
}
.middle_top_left_text
{
  width: 100%;
  height: 100%;
  text-align: right;
  margin-top: 6%;
}
.middle_top_left_input
{
  width: 100%;
  text-align: center;
  height: 100%;
  margin-top: -5%;
}
.middle_top_left_input li
{
  width: 100%;
  height: 12%;
}
.middle_top_left_input input
{
  width: 70%;
  height: 100%;
}
.middle_top_left_input select
{
  width: 70%;
  height: 100%;
}
.middle_left
{
  width: 49%;
  height: 100%;
  position: absolute;
  left: 0;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.middle_right
{
  width: 49%;
  height: 100%;
  position: absolute;
  right:0;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.middle_middle
{
  width: 96%;
  height:48%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.3%;
  margin-left: 2%;
}
.middle_middle_left_input
{
  width: 100%;
  text-align: center;
  height: 100%;
  margin-top: 0.5%;
}
.middle_middle_left_input li
{
  width: 100%;
  height: 6.7%;
}
.middle_middle_left_input input
{
  width: 70%;
  height: 100%;
}
.middle_bottom
{
  width: 96%;
  height:26%;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
  margin-top: 0.3%;
  margin-left: 2%;
}
.middle_bottom_left
{
  width: 35%;
  height: 100%;
  position: absolute;
  left: 0;
}
.middle_bottom_right
{
  width: 63%;
  height: 100%;
  position: absolute;
  left: 37%;
}
.middle_bottom_text
{
  width: 100%;
  height: 100%;
  margin-top: 10%;
  text-align: right;
}
.middle_bottom_input
{
  width: 100%;
  height: 100%;
  margin-top: 5%;
  margin-left: 6.8%;
}
.img_button
{
  height: 100%;
  width: 10%;
  border-radius: 5px;
}
.img_li
{
  display: flex;
}


.design_top_text
{
  width: 100%;
  height: 100%;
  text-align: right;
  margin-top: 10%;
}
.design_top_text li
{
  width: 100%;
  height: 20%;
}
.design_top_input
{
  width: 100%;
  height: 100%;
  margin-top: 9%;
  margin-left: 15%;
}
.design_top_input li
{
  width: 100%;
  height: 20%;
}
.design_top_input input
{
  width: 60%;
  height: 100%;
}
.design_bottom_text
{
  width: 100%;
  height: 100%;
  text-align: right;
  margin-top: 8%;
}
.design_bottom_input
{
  width: 100%;
  height: 100%;
}
.design_bottom_input li
{
  width: 100%;
  height: 2.98%;
}
.two_input
{
  display: flex;
}
.two_input1
{
  width: 50%;
  height: 100%;
  text-align: center;
}
.two_input2
{
  width: 100%;
  height: 100%;
  text-align: center;
}
.two_input3
{
  width: 35%;
  height: 100%;
  margin-left: 45.5%;
}
.center_input
{
  text-align: center;
}
.center_input input
{
  width: 60%;
  height: 100%;
}
.modal_text
{
  height: 100%;
  width: 100%;
  text-align: right;
  margin-top: 30%;
}
.modal_input1
{
  width: 50%;
  height: 100%;
}
.modal_input2
{
  width: 100%;
  height: 100%;
}
.modal_input
{
  width: 100%;
  height: 100%;
  margin-top: 9%;
  text-align: center;
}
.modal_input li
{
  width: 100%;
  display: flex;
}
.table_title
{
  width: 100%;
  height: 100%;
  text-align: center;
}
.table
{
  height: 100%;
  width: 90%;
  margin-left: 5%;
  box-shadow: 0px 2px 8px rgba(213, 213, 213, 0.349019607843137);
}
.table_title th
{
  width: 33%;
  height: 100%;
}
tbody tr:nth-child(odd)
{
  background-color:#ffffff;
}

tbody  tr:nth-child(even)
{
  background-color:#f1f1f1;
}


input{
  width: 99%;
  height: 98%;
  text-align: center;
}
.b-left-top input{
  width: 25%;
  height: 99%;
}
.btn button{
  height: 95%;
  background-color: #6dd400;
  border-radius: 4px;
  color: #EBEBEB;
  display: inline-block;
  width: 8%;
  margin-left: 0.5%;
}
.d-left{
  height: 100%;
  width: 47%;
  display: inline-block;
  margin-left: 2%;
  margin-right: 2%;
  vertical-align:top;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
}
.title{
  background-color: #D7D7D7;
  border-radius: 3px;
  padding-left: 3%;
  width: 100%;
  height: 2.5%;
}
.b-left-top ul{
  display: inline-block;
}
.b-left-top li{
  height: 50%;
  width: 100%;
  text-align: center;
}
.b-left-top button{
  width: 20%;
  height: 120%;
  vertical-align:top;
}
.b-left-left li{
  height: 2.8%;
  width: 100%;
  text-align: right;
}
#d-right1{
  height: 3.03%;
}
.b-left-right button{
  width: 25%;
  height: 120%;
  vertical-align:top;
}
.quarter,.one-third-third{
  width: 25%;
}
.half{
  width: 50%;
}
.one-third{
  width: 50%;
}
.b-left-right li{
  text-align: center;
  height: 2.8%;
  display: inline-block;
  font-size: 14px;
}
#d-right1{
  height: 3.03%;
}
.d-mid{
  height: 100%;
  width: 47%;
  display: inline-block;
  vertical-align:top;
  border-color: rgba(121, 121, 121, 1);
  border-radius: 8px;
}
.d-right{
  margin-left: 2%;
  height: 100%;
  width: 20%;
  display: inline-block;
  vertical-align:top;
}
.left_top_text li
{
  width: 100%;
  height: 12%;
}
</style>

